/* CSS Document */

body { background-color: #636; padding:0; margin:0; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

h1, h2, h3, h4, h5, h6 { padding:0; margin:0; color:#636; }
h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }

.vert { color:#cc3; }
.taille10 { font-size:10px; }
.texte_blanc { color:#fff; }

ul, li { padding-left:20px; }

a:active, a:link, a:visited { text-decoration:none; color:#666; font-size:12px; }
a:hover { color:#636; }

a.plien:active, a.plien:link, a.plien:visited { text-decoration:none; color:#636; font-size:10px; }
a.plien:hover { color:#666; }

a.lien_lightbox:active, a.lien_lightbox:link, a.lien_lightbox:visited { text-decoration:none; font-weight:bold; color:#636; font-size:10px; }
a.lien_lightbox:hover { color:#666; }

a.ss_menu_portfolio:active, a.ss_menu_portfolio:link, a.ss_menu_portfolio:visited { text-decoration:none; color:#666; font-size:10px; font-weight:normal; }
a.ss_menu_portfolio:hover { color:#636; }
a.ss_menu_portfolio_actif:active, a.ss_menu_portfolio_actif:link, a.ss_menu_portfolio_actif:visited { text-decoration:underline; color:#666; font-size:10px; font-weight:normal; }
a.ss_menu_portfolio_actif:hover { color:#636; }

a.menu_portfolio:active, a.menu_portfolio:link, a.menu_portfolio:visited { text-decoration:underline; color:#636; font-size:10px; font-weight:bold; }
a.menu_portfolio:hover { color:#666; }

a.plan_rub:active, a.plan_rub:link, a.plan_rub:visited { text-decoration:none; color:#636; font-weight:bold; }
a.plan_rub:hover { color:#666; }
a.plan_ss_rub:active, a.plan_ss_rub:link, a.plan_ss_rub:visited { text-decoration:none; color:#666; font-size:10px; }
a.plan_ss_rub:hover { color:#636; }

a.titre:active, a.titre:link, a.titre:visited { text-decoration:none; color:#636; }
a.titre:hover { color:#666; }

form { margin:0; padding:0; }
form, input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.bouton { border:1px solid #c9c; border-collapse:collapse; background-color:#636; color:#fff; font-weight:bold; cursor:pointer; padding:0.3em; font-variant:small-caps; }
.bouton_survol { border:#c9c; background-color:#666; color:#fff; font-weight:bold; }
a.bouton:active, a.bouton:link, a.bouton:visited { border:1px solid #c9c; border-collapse:collapse; background-color:#636; color:#fff; font-weight:bold; cursor:pointer; padding:0.3em; font-variant:small-caps; }
a.bouton:hover { border:1px solid #636; border-collapse:collapse; background-color:#cc3; color:#636; font-weight:bold; }


#site { height:320px; left:0px; float:none; top:150px; padding:0; margin:0; position:absolute; background-image:url(images/fond-page.gif); background-repeat:repeat-x; }

#corps { width:7000px; position:relative; left:0; }
#milieu { position:relative; }
#accueil, #portfolio, #contact, #studio, #clients, #metiers, #recette { margin:0; padding:0; padding-top:10px; float:left; position:absolute; }
#accueil, #portfolio, #contact, #studio, #clients, #metiers, #recette, #ss_accueil, #ss_portfolio, #ss_contact, #ss_studio, #ss_clients, #ss_metiers, #ss_recette {  padding-left:40px; }
#portfolio, #ss_portfolio { left:2000px; width:1000px; }
#contact, #studioo, #clients, #metiers, #recette, #ss_contact, #ss_studio, #ss_clients, #ss_metiers, #ss_recette { left:2000px; }
#ss_accueil, #ss_portfolio, #ss_contact, #ss_studio, #ss_clients, #ss_metiers, #ss_recette { margin:0; padding:0; float:left; position:absolute; top:335px; z-index:1; }

#sf_corps { width:1000px; position:relative; left:0; }
#sf_accueil { margin:0; padding:0; padding-top:10px; float:left; position:absolute; padding-left:40px; }

#an_corps { width:4000px; position:relative; left:0; }
#an_plan_acces, #an_mentions1, #an_mentions2 { margin:0; padding:0; padding-top:10px; float:left; position:absolute; }
#an_plan_acces, #an_mentions1, #an_mentions2, #ss_an_plan_acces, #ss_an_mentions1, #ss_an_mentions2 {  padding-left:40px; }
#an_mentions1, #ss_an_mentions1 { left:2000px; }
#an_mentions2, #ss_an_mentions2 { left:3000px; }
#ss_an_plan_acces, #ss_an_mentions1, #ss_an_mentions2 { margin:0; padding:0; float:left; position:absolute; top:335px; z-index:1; }

#menu { height:100px; top:-80px; margin-bottom:-100px; margin-left:20px; position:relative; }
#img_menu { height:100px; top:-80px; margin-bottom:-100px; margin-left:20px; position:relative; }
.menu { height:100px; top:-80px; margin-bottom:-100px; margin-left:20px; position:relative; }

#footer { height:135px; position:relative; top:475px; margin-left:25px; margin-top:10px; }
#footer a { color:#fff; font-size:10px; }
#footer a:hover { color:#cc3; }

.texte { width:350px; text-align:justify; }


#arrows { position: fixed; top: 530px; left: 650px; width: 150px; height: 33px; cursor: pointer; z-index:1; }
#arrows ul { margin: 0; padding: 0; list-style:none; }
#arrows ul li { margin: 0; padding: 0; display:inline; width:30px; height: 33px; }
#arrows ul li a{ margin-right: 5px; float: left; display: block; width:30px; height: 33px; overflow: hidden; cursor: pointer; font-size: 50em; text-indent: -9000px; }
#arrows ul #left a { background: transparent url(images/nav-dss-gauche.jpg) no-repeat;}
#arrows ul #right a { background: transparent  url(images/nav-dss-droite.jpg) no-repeat;}


#site_portfolio { width:6000px; height:369px; left:0; float:none; top:150px; padding:0; margin:0; position:absolute; background-image:url(images/fond-corps.jpg); background-repeat:repeat-x; }

#corps_portfolio { position:absolute; top:0px; left:0; }

#portfolio_menu { position: fixed; padding:0px; margin:0px; height:100px; left:20px; top:65px; }
#titre_portfolio { position: fixed; padding:0px; margin:0px; height:25px; left:200px; top:165px; z-index:1; width:300px; }
#footer_portfolio { height:93px; position:fixed; top:525px; }
#footer_portfolio a { color:#fff; font-size:10px; }
#footer_portfolio a:hover { color:#cc3; }

.bord_gauche_violet { border-left:1px solid #636; border-collapse:collapse; padding-left:10px; font-size:10px; margin-top:25px; }
.bord_gauche_violet_violet { border-left:1px solid #636; border-collapse:collapse; font-size:10px; }
.portfolio_retour { padding-left:10px; padding-bottom:25px; }
a.portfolio_retour_accueil:link, a.portfolio_retour_accueil:active, a.portfolio_retour_accueil:visited { background-image:url(images/portfolio-accueil.jpg); background-repeat:no-repeat; background-position:left; padding-left:15px; color:#636; }
a.portfolio_retour_accueil:hover { background-image:url(images/portfolio-accueil-survol.jpg); background-repeat:no-repeat; color:#666; }

#plan_acces, #savoir_faire, #espace_pro, #mentions1, #mentions2 { margin:0; padding:0; padding-top:10px; padding-left:20px; float:left; position:absolute; }
#savoir_faire, #ss_savoir_faire { left:0px; }
#plan_acces, #ss_plan_acces { left:2000px; }
#espace_pro, #ss_espace_pro { left:3000px; }
#mentions1, #ss_mentions1 { left:4000px; }
#mentions2, #ss_mentions2 { left:5000px; }
#ss_plan_acces, #ss_savoir_faire, #ss_espace_pro, #ss_mentions1, #ss_mentions2 { margin:0; padding:0; float:left; position:absolute; top:385px; z-index:1; left:3000px; padding-left:20px; }