html {background-color:#fff}
body {position:relative;background:#fff ;width:1010px;height:auto;font-family:arial;font-size:13px;margin:0 auto;padding:0;overflow-y:scroll}
a {text-decoration:none;color:#554f4f}
h1, h2, h3, h4, p , ul, li{margin:0;padding:0}
ul, li {list-style:none}
img {position:relative;z-index:1}
input, label, textarea {cursor:pointer}
h2 {font-size:20px;color:#4b4a4a;margin-top:20px;margin-bottom:15px;text-align:center}
h3 {margin-left:15px;margin-bottom:5px}
.ulPerso {}
.liNone {background-image:none !important;height:10px}
.justify {text-align:justify}
/* HEADER */
.header {position:relative;background:transparent url(/I/Divers/headerTitre.gif) no-repeat scroll center 15px;width:1030px;height:75px;margin-left:-7px}
.menuHeader {position:relative;width:1010px;height:25px;margin-top:50px;float:left;margin-left:7px}
#menuHeaderBtn {position:relative;width:520px;height:26px;margin:1px 0 0 0;padding:0}
#menuHeaderBtn li {position:relative;height:25px;float:left}
#menuHeaderBtn li a {position:relative;width:110px;height:24px;display:block;color:transparent}
#menuBtn1 .noSelected {background:url(/I/Btn/headerMenu.png) -1px -1px;margin-left:0;z-index:10}
#menuBtn2 .noSelected {background:url(/I/Btn/headerMenu.png) -111px -1px;margin-left:-12px;z-index:9}
#menuBtn3 .noSelected {background:url(/I/Btn/headerMenu.png) -224px -1px;margin-left:-10px;z-index:8}
#menuBtn4 .noSelected {background:url(/I/Btn/headerMenu.png) -337px -1px;margin-left:-10px;z-index:7}
#menuBtn1:hover .noSelected {background:url(/I/Btn/headerMenu.png) -569px -1px}
#menuBtn2:hover .noSelected{background:url(/I/Btn/headerMenu.png) -680px -1px}
#menuBtn3:hover .noSelected{background:url(/I/Btn/headerMenu.png) -793px -1px}
#menuBtn4:hover .noSelected{background:url(/I/Btn/headerMenu.png) -907px -1px}
.selected {position:relative;z-index:20}
#menuBtn1 .selected {background:url(/I/Btn/headerMenu.png) -1139px 0;z-index:10}
#menuBtn2 .selected {background:url(/I/Btn/headerMenu.png) -1252px 0;margin-left:-12px}
#menuBtn3 .selected {background:url(/I/Btn/headerMenu.png) -1366px 0;margin-left:-10px}
#menuBtn4 .selected {background:url(/I/Btn/headerMenu.png) -1480px 0;margin-left:-10px}
/* CONTENT */
.contentTopAngle {position:absolute;background: url(/I/Content/contentTopAngle.png) no-repeat;right:0px;top:0;width:21px;height:27px}
.contentTopAngle2 {position:absolute;background: url(/I/Content/contentTopAngle2.png) no-repeat;right:0px;top:0;width:21px;height:27px}
.content {position:relative;width:1010px;height:705px;clear:both}
.contentTop, .contentTopInfos {position:relative;width:1010px;height:373px;background:url(/I/Content/contentTop.png) repeat-x 0 -1px}
.contentTopLeft {position:relative;float:left}
.contentTopLeft h1 {font-size:25px;margin-left: 20px;margin-top:75px;position:relative;z-index:11}
.contentTopLeft h2 {font-size:25px;margin-left: 20px;margin-top:15px;}
.p1 {margin-top: 60px; margin-left: 20px;color:#000}
.p2 {margin-top:25px;margin-left: 20px;color:#000}
.p3 {width:295px;margin-left: 20px;margin-top:10px;line-height:20px;text-align:justify;color:#000;position:relative;z-index:10}
.p3 a {color:#fff}
.contentBottom {position:relative;width:1010px;height:auto;float:left;background:#282828;border-bottom:1px solid #fff;border-top:1px solid #FFFFFF}
.col1, .col2, .col3 {position:relative;width:290px;height:258px;padding:5px;border:1px solid #282828;float:left;margin:32px 0 33px 25px;z-index:2}
.col1:hover, .col2:hover, .col3:hover {border:1px solid #554f4f}
.contentBottom p {color:#fff;line-height:21px;margin-left:15px;width:260px}
.contentBottom .sousTitre {padding-bottom:10px;color:#98938a}
.col3 .sousTitre {margin-left:10px}
.col2 li {list-style-image:url(/I/Divers/puce.png);margin-bottom:5px;margin-left:35px}
/* ACCUEIL */
.challenge, .philo, .aperGal, .guitareErable, .guitareEpicea, .guitareSitka, .newsTt {background-image:url(/I/Divers/siteTitres.png);height:28px}
.challenge {background-position: -4392px 0;width:95px}
.philo {background-position: -4563px 0;width:110px}
.aperGal {background-position: -4693px 0;width:173px;margin-left:10px}
.ombreGuitare {margin:-115px 0 0 -20px;position:relative;z-index:-1;display:block}
#news {float:left;height:auto;margin:20px 0 0 45px;position:relative;width:100%}
.newsTt {background-position: -4878px 0;width:145px}
.news {float:left;height:auto;min-height:160px;margin-bottom:20px;margin-right:110px;position:relative;width:395px}
.news h3 {font-family:verdana;font-size:11px;color:#98938A;margin:0;float:left}
.news p {margin:5px 0 0;float:left;width:auto !important}
.news a {display:block;position:relative}
/* FOOTER */
.footer, .footerGallery {float:left;position:relative;width:1010px;height:25px;background:transparent url(/I/Content/contentTop.png) repeat-x scroll 0 -187px;text-align:center}
.footerGallery {float:left}
.footer p, .footerGallery p {color:#282828;font-size:10px;font-weight:bold;margin:0 auto;position:relative;top:6px;width:447px}
.footer a, .footerGallery a {color:#fff}
.footer a:hover, .footerGallery a:hover {text-decoration:underline}
.flagFr, .flagEn {display:block;float:right;height:21px;margin:-4px 0 0 !important;width:32px}
.flagFr {background:transparent url(../../I/Divers/frFlag.png) no-repeat}
.flagEn {background:transparent url(../../I/Divers/enFlag.png) no-repeat}
/* GALLERY */
.contentBottomGallery {position:relative;width:1010px;height:auto;background:#282828;border-top:1px solid #fff;border-bottom:1px solid #fff;float:left}
.contentBottomGallery h3 {margin-left:15px;margin-bottom:5px}
.contentBottomGallery p {line-height:20px;margin-left:20px;color:#fff} /*;width:270px*/
.contentBottomGallery a {color:#B6976A !important;text-decoration:none}
.contentBottomGallery a:hover {text-decoration:underline}
.guitareErable {background-position: -580px 0;width:152px}
.guitareEpicea {background-position: -735px 0;width:270px}
.guitareSitka {background-position: -1010px 0;width:158px}
.galleryContent li a{display:inline;float:left;margin:10px 2px 5px 10px;opacity:0.8}
.galleryContent ul {left:25px;position:relative;top:28px}
.galleryContent li a:hover {opacity:1}
#gallery {background-color:#282828 !important}
#storyChronique, #galleryMenu, #accueilMenu {float:left;height:35px;position:relative;z-index:1}
#storyChronique {margin: -25px 0 -10px 400px;width:198px}
#galleryMenu {margin:-25px 0 -10px 154px;width:695px}
#accueilMenu {margin:-21px 0 -20px 400px;width:198px}
#galleryMenu ul {}
#galleryMenu li, #storyChronique li, #accueilMenu li {margin-left:5px;padding-left:0}
#galleryMenu li, #galleryMenu li a, #storyChronique li, #storyChronique li a, #accueilMenu li a {float:left;height:30px;margin-top:5px;position:relative;width:94px;border:none}
.imgGalleryBtn a, .musicGalleryBtn a, .chroniqueGalleryBtn a, .storyGalleryBtn a, .playerGalleryBtn a, .liensGalleryBtn a, .accueilGalleryBtn a, .newsGalleryBtn a, .entretienGalleryBtn a, .exposGalleryBtn a, .videoGalleryBtn a {position:relative;background-image:url(/I/Btn/galleryBtn.png)}
.imgGalleryBtn a {background-position: 0 -33px}
.musicGalleryBtn a {background-position: -98px -33px}
.playerGalleryBtn a {background-position: -393px -33px}
.liensGalleryBtn a {background-position: -492px -33px}
.newsGalleryBtn a {background-position: -591px -33px;margin-left:5px}
.accueilGalleryBtn a {background-position: -690px -33px}
.entretienGalleryBtn a {background-position: -886px -33px}
.exposGalleryBtn a {background-position: -787px -33px}
.videoGalleryBtn a {background-position: -985px -33px}
.imgGalleryBtn a:hover {background-position: 0 0}
.musicGalleryBtn a:hover {background-position: -98px 0}
.playerGalleryBtn a:hover {background-position: -393px -0}
.liensGalleryBtn a:hover {background-position: -492px 0}
.newsGalleryBtn a:hover {background-position: -591px 0px}
.accueilGalleryBtn a:hover {background-position: -690px 0px}
.entretienGalleryBtn a:hover {background-position: -886px 0}
.exposGalleryBtn a:hover {background-position: -787px 0px}
.videoGalleryBtn a:hover {background-position: -985px 0px}
#portfolio li {right:0;top:0}
.vignette {position:relative;width:183px;height:auto;float:left;margin:35px 70px 0 75px}
.vignette object {margin-left:2px;margin-bottom:15px}
.pGal {width:640px;margin-left: 20px;margin-top:10px;line-height:20px;text-align:justify}
.pGal a {color:#98938A !important;text-decoration:none}
.pGal a:hover {text-decoration:underline}
#lesSites a:hover, .contentBottomDivers a:hover {border-bottom:1px groove #554f4f}
.webUl {margin-left:20px}
.portfolio {background-position:-5208px 0;width:80px;margin:0 0 10px 20px !important}
.liPerso {margin-left:20px;color:#fff}
#jquery-lightbox {top:0px !important}
#playerGallery ul {float:left;height:auto;margin:10px;position:relative;width:985px}
.playerVignette {position:relative;float:left;padding:9px;margin:10px;width:155px;height:175px;border: #716d6d 1px solid}
.playerVignette img {border:none;display:block;height:auto;position:relative;width:100%}
.playerVignette .lien1 {position:absolute;width:90%;height:auto;bottom:23px;text-align:center;color:#b6976a}
.contentBottomGallery .playerVignette .lien2 {position:absolute;width:100%;left: 0;height:auto;bottom:8px;text-align:center;color:#fff !important}
/* FORMULAIRE CONTACT */
fieldset, legend {padding:0;margin:0;border:none;color:#fff}
fieldset li {float:left;margin-left:40px}
form {width:475px;margin:0 auto}
form p {margin-top:20px;width:465px}
form p input {width:462px}
.contentContact {position:relative;width:1010px;height:540px;background:#282828;color:#fff;padding-top:50px;border-bottom:1px solid #fff}
.resetBtn {margin-top:5px}
.submitBtn, .resetBtn {background: url(/I/Btn/input.png);border:none;cursor:pointer;height:34px;margin-left:-1px}
.submitBtn {background-position:-464px 0}
.resetBtn {background-position:-1394px 0}
.submitBtn:hover {background-position:0 0}
.resetBtn:hover {background-position:-930px 0}
.formail1 {font-size:15px;margin:50px auto 0;text-align:center;width:470px}
.formail2 {font-size:15px;margin:10px auto 0;text-align:right;width:410px}
/* CV */
.contentTopDivers {position:relative;width:1010px;height:375px;background:url(/I/Content/contentTop.png) repeat-x 0 -1px}
.contentTopDivers .contentTopLeft {width:auto}
.contentTopDivers h1 {color:#F2F2F2;font-size:25px;margin-bottom:25px;margin-left:20px;margin-top:60px}
.contentTopDivers img {height:120px;margin:10px 0 0 15px;position:relative;width:100px;border:1px solid #fff}
.contentTopDivers .p3 {width:450px;margin-left: 20px;margin-right:30px;line-height:22px;text-align:justify;color:#000;float:left}
.contentBottomDivers {position:relative;height:auto;width:1010px;background:#282828;margin-top:-25px;;color:#fff;text-align:justify;border-top:1px solid #fff;border-bottom:1px solid #fff}
.contentBottomDivers ul {margin:20px 0 20px 20px}
.contentBottomDivers li, .liPerso {width:945px;margin-top:10px;list-style-type: none;background:url(/I/Divers/puce.png) no-repeat center left;padding-left: 20px;}
.contentBottomDivers p {margin-left:25px;margin-right:25px;line-height:25px}
.contentBottomDivers h2 {padding-top:25px}
.ulPerso li {width:965px;margin-top:5px;list-style-type: none;background:url(/I/Divers/puce.png) no-repeat center left;padding-left: 20px;}
/*
.infoPerso1 {position:relative;margin-left:35px;top:30px}
.infoPerso2 {position:relative;float:right;text-align:right;margin-top:-30px;margin-right:35px}
.titreCv {position:relative;background:url(/I/Divers/siteTitres.png) no-repeat -1397px 0;height:28px;margin:50px 0 0 380px;width:250px}
*/
.contentBottomDivers .competences , .contentBottomDivers .lastMission, .contentBottomDivers .experiences, .contentBottomDivers .diplomes, .contentBottomDivers .langues, .contentBottomDivers .interets {position:relative;background:transparent url(/I/Divers/siteTitres.png) no-repeat;padding-top:25px;list-style-image:none !important}
.competences li, .lastMission li, .experiences li, .diplomes li, .langues li, .interets li {}
.contentBottomDivers .competences {background-position: -1px top;width:108px !important}
.contentBottomDivers .lastMission {background-position: -127px top;width:136px !important}
.contentBottomDivers .experiences {background-position: -281px top;width:99px !important}
.contentBottomDivers .sousTitre1, .contentBottomDivers .sousTitre2, .contentBottomDivers .sousTitre3 {height:20px;margin-bottom:5px;margin-top:10px;position:relative;list-style-image:none !important;background:transparent url(/I/Divers/siteTitres.png) no-repeat}
.contentBottomDivers .sousTitre1 {background-position:-740px top;width:67px !important}
.contentBottomDivers .sousTitre2 {background-position:-828px top;width:112px !important}
.contentBottomDivers .sousTitre3 {background-position:-959px top;width:32px !important}
.contentBottomDivers .diplomes {background-position: -398px top;width:78px !important}
.contentBottomDivers .langues {background-position: -494px top;width:68px !important}
.contentBottomDivers .interets {background-position: -580px top;width:141px !important}
.outilsCv {background: url(/I/Content/contentOutilsCv.png) no-repeat -7px -7px;height:305px;margin:-285px 0 0 240px;position:relative;width:760px}
.contentBottomDivers .outilsCv li {width:965px;list-style-type: none;background:url(/I/Divers/cvPetitePuce.png) no-repeat center left;margin-top:0;padding-left: 15px;}
.outilsCv ul {width:125px;margin-left:55px;margin-bottom:35px;margin-top:27px}
.langagesWeb, .logiciels, .cms, .pao, .mao, .framework, .diversoutils {position:relative;height:65px;margin:20px auto 10px 55px;float:left}
.langagesWeb li {width:135px !important;margin-right:50px}
.logiciels li {width:160px !important;margin-right:85px}
.cms li {width:85px !important;margin-right:62px}
.pao li {width:113px !important;margin-right:90px}
.mao li {width:95px !important}
.framework li {width:69px !important;margin-right:15px}
.diversoutils li {width:242px !important}
.contentBottomDivers .langagesWeb .img {background:transparent url(/I/Divers/siteTitres.png) no-repeat -1013px 0;width:75px !important}
.contentBottomDivers .logiciels .img {background:transparent url(/I/Divers/siteTitres.png) no-repeat -1105px top;width:45px !important}
.contentBottomDivers .cms .img {background:transparent url(/I/Divers/siteTitres.png) no-repeat -1165px top;width:15px !important}
.contentBottomDivers .pao .img {background:transparent url(/I/Divers/siteTitres.png) no-repeat -1199px top;width:15px !important}
.contentBottomDivers .mao .img {background:transparent url(/I/Divers/siteTitres.png) no-repeat -1232px top;width:17px !important}
.contentBottomDivers .framework .img {background:transparent url(/I/Divers/siteTitres.png) no-repeat -1268px top;width:65px !important}
.contentBottomDivers .diversoutils .img {background:transparent url(/I/Divers/siteTitres.png) no-repeat -1351px top;width:27px !important}
.contentBottomDivers .outilsCv .img {padding-top:20px;list-style-image:none}
.contentCv {position:relative;margin-top:20px;text-align:justify}
.contentCv span {position:relative;color:blue}
.contentCv .sousTitreCv, .outilsCv span {color:green}
.contentBottomDivers .mesCv {position:absolute;margin:-15px 0 0 402px;width:198px}
.mesCv li {width:94px;padding:0;margin:0 0 0 5px;background:none;float:left}
.mesCv a {height:30px;background-image: url(/I/Btn/galleryMenu.png);display:block}
/* .pdf{background-position:-294px 0}
.pdf:hover{background-position:-294px -33px}
.doc{background-position:-392px 0}
.doc:hover{background-position:-392px -33px}
*/
.pChatelier, .gChatelier {background-image:url(/I/Divers/siteTitres.png);height:30px;padding:0;margin:0 85px 0 0px;float:left}
.pChatelier {background-position:-3377px 0;width:239px}
.gChatelier {background-position:-3138px 0;width:220px}
.chronique {background:url(/I/Divers/siteTitres.png) no-repeat;width:575px;height:5px;margin:0 auto}
.story {background:url(/I/Divers/siteTitres.png) no-repeat -1415px 0;width:568px;height:5px;margin:0 auto}
#diapoGerard, #diapoPhilippe {height:120px !important;width:100px;float:right}
#diapoGerard {}
#diapoPhilippe {}
#storyChronique li {background:none}
#storyChronique ul {margin:0}
.storyGalleryBtn a {background-position: -196px -33px}
.chroniqueGalleryBtn a {background-position: -294px -33px}
.storyGalleryBtn a:hover {background-position: -196px 0px}
.chroniqueGalleryBtn a:hover {background-position: -294px -0px}
#chronique object {margin-bottom:-6px}
#diapoDuo {text-align:center;width:0px}
#diapoDuo li {background:none}
#diapoDuo img {border: 3px solid #fff}
/* INFOS */
.contentTopInfos {}
.contentTopInfos .p3 {width:600px}
#diversMenu {float:left;height:35px;margin:-25px 320px 20px 352px;position:relative;width:297px;z-index:1} /*margin different q celui de gallerymenu */
#diversMenu li {margin-left:5px}
#diversMenu li, #diversMenu li a {float:left;height:30px;margin-top:5px;position:relative;width:94px}
.musicBtn a, .monSiteBtn a, .webBtn a {position:relative;background-image:url(/I/Btn/galleryMenu.png)}
.musicBtn a {background-position:-98px 0}
.monSiteBtn a {background-position:-490px -0}
.webBtn a {background-position:-196px 0}
.musicBtn a:hover {background-position:-98px -33px}
.monSiteBtn a:hover {background-position:-490px -33px}
.webBtn a:hover {background-position:-196px -33px}
#diversMenu li a:hover {padding:0 !important;border:0 !important}
.contentBottomInfo {position:relative;width:1008px;height:815px;background: url(/I/Content/contentCvPx.png) repeat 0 -675px;border-left:1px solid #554F4F;border-right:1px solid #554F4F}
.contentBottomInfo li a:hover {border-right:3px solid #645d5d;padding-right:15px} /*peut etre changer le li en hover */
/* HOME */
.miniGallery li {float:left;margin:10px 11px}
.miniGallery img {border:1px solid #716D6D}
#mycarousel img {border:none}
/* TITRES */
.homeTt, .galTt, .ctctTt, .divTt, .playerTt, .liensTt {background-image:url(/I/Divers/siteTitres.png);height:30px}
.homeTt {background-position:-2731px 0;width:224px}
.divTt {background-position:-3618px 0;width:290px}
.galTt {background-position:-3623px 0;width:182px} /* nos guitares */
.playerTt {background-position:-1995px 0;width:204px;margin:35px 0 0 20px}
.liensTt {background-position:-2205px 0;width:130px;margin:35px 0 0 20px}
/* THANK YOU */
.thank {position:relative;margin:0 auto;width:443px;color:#b6976a;font-size:15px;font-weight:bold;top:70px;line-height:20px}
.thank span {float:right;margin-top:15px}