* { color:#fff; font-family:Helvetica, Arial, sans-serif; margin:0; padding:0; }
body { background:#96be0d url("../images/fond-menu.png") repeat-y -20px 0; font-size:12px; line-height:18px; margin:0 0 0 80px; }
a { color:#fff; font-weight:normal; text-decoration: none; border-bottom:1px dotted #ce9; }
a:hover { border-bottom:1px solid #ce9; }

a#fancybox-close { border:none; }
span#fancybox-title-wrap { display:none; }

/* Entete */
#header { background:#96be0d; height:73px; padding-top:60px; padding-bottom:50px; width:693px; }
#header a { text-decoration: none; border-bottom:1px dotted #ce9; }
#header a:hover { border-bottom:1px solid #ce9; }
#shortcut { display: none; }
#languagesMenu, .address { border-left:1px solid #ce9; float:right; font-size:10px; font-style:normal; height:62px; line-height:12px; list-style:none; margin-top:13px; padding-left:5px; padding-top:0; width:100px; }
#languagesMenu { height:14px; padding-top:48px; text-transform:uppercase; width:70px; }
#languagesMenu li { margin-top:-2px; display:inline; margin-left:5px; margin-right:5px; }
#languagesMenu a { color:#fff; font-size:10px; }
#container { width: 840px; }
#mainContent { float:left; margin-left:80px; text-align:left; width:640px; }
/*#mainContent.web, #mainContent.print, #mainContent.clients { width:640px; }*/

/* Titres */
h1 { float:left; height:73px; text-indent:-9999px; width:150px; }
h1.fr { background:url("../images/typi-design-logo.png"); }
h1.en { background:url("../images/typi-design-logo-en.png"); }
#header h1 a, #header h1 a:hover { display:block; border:none; height: 73px; }
h2 { background:#96be0d; color:#ce9; font-family:arial,helvetica,sans-serif; font-size:10px; margin-bottom:15px; text-transform:uppercase; }
h3 { background:#96be0d; color:#F2FCBF; font-size:17px; line-height:21px; margin-bottom:10px; padding-bottom: 2px; margin-top:8px; text-align:left; }
h3 a { text-decoration: none; font-weight: bold; color:#F2FCBF; border:none; }
h3 a:hover { border:none; }
.fiche h3 { border-bottom:1px dotted #ce9; margin: 0 0 7px 0;}
h4 { margin:0; font-size:12px; font-weight:bold; }
.fiche { width: 300px; float: left; margin-right: 20px; margin-bottom:36px; }
.fiche p.url { color:#617717; margin:0 0 5px 0; text-align:right; }
.fiche p.client { background:#96be0d; font-size:11px; }
.fiche p { margin-bottom:9px; }
.fiche p.url a { border-bottom:1px dotted #617717; color:#617717; float:left; }
.fiche p.url a:hover { border-bottom:1px solid #617717; }
.fiche .imageLink { margin-bottom: 5px; }
p { margin-bottom:18px; }
a img { border:none; }
ul { list-style-type:circle; margin:0 0 18px 15px; }

/* Le menu */
.fr #nav ul, .en #nav ul { float:left; list-style:none; margin:0; padding-left:3px; }
.fr #nav li, .en #nav li { float:left; text-indent:-9999px; }
.fr #nav li a, .en #nav li a { border-bottom:none; display:block; height:73px; margin-left:1px; width:17px; }
.fr #nav li a:hover, .en #nav li a:hover, .actif a { background-position:0 -96px; }

.fr #site_rub_1 a { background-image:url("../images/b-accueil.gif"); }
.fr #site_rub_2 a { background-image:url("../images/b-web.gif"); }
.fr #site_rub_3 a { background-image:url("../images/b-print.gif"); }
.fr #site_rub_4 a { background-image:url("../images/b-profil.gif"); }
.fr #site_rub_5 a { background-image:url("../images/b-clients.gif"); }
.fr #site_rub_6 a { background-image:url("../images/b-contact.gif"); }
.en #site_rub_1 a { background-image:url("../images/b-accueil-en.gif"); }
.en #site_rub_2 a { background-image:url("../images/b-web-en.gif"); }
.en #site_rub_3 a { background-image:url("../images/b-print-en.gif"); }
.en #site_rub_4 a { background-image:url("../images/b-profil-en.gif"); }
.en #site_rub_5 a { background-image:url("../images/b-clients-en.gif"); }
.en #site_rub_6 a { background-image:url("../images/b-contact-en.gif"); }

/* Images */
.images { list-style-type:none; margin:0; }
.images li a, .images li a:hover { border:0; }
.images li a img { border:3px solid #79A328; }
.images li a:hover img { border:3px solid #729009; }

.galerie { list-style-type: none; margin: 0; }
.galerie li { float: left; width: 100px; height: 110px; margin-right: 0px; margin-bottom: 0px; }
.galerie span { background-repeat: no-repeat; text-decoration: none; display: block; width: 100px; height: 120px; text-align: center; background-position: center top; }
.galerie a { border:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 12px; text-decoration: none; color:#617717; background-color: rgba(0,0,0,0); opacity: 0; width: 100px; height: 50px; padding-top: 80px; display: block; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.galerie a:hover { border:none; opacity: 100; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

.galerieProjets { list-style-type: none; float: left; width: 300px; margin: 0; margin-right: 20px; }
.galerieProjets li {  }
.galerieProjets a { border: 3px solid #79A328; border-color: #79A328; display: block; margin-bottom: 10px; }
.galerieProjets a:hover { border-color: #508000; display: block; -webkit-transition: all 2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.galerieProjets img { display: block; }

.imageLink { display: block; height: 150px; border: 3px solid #79A328; background-repeat: no-repeat; margin-bottom: 10px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.imageLink:hover { border: 3px solid #580; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.print .imageLink { background-position: center center; height: 170px; }

.clear { clear: both; }