html, body, img, a, h1, h2, h3, h4, h5, form, input, p {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

a {
	outline: none;
	color: #FF6600;
}

a:hover {
	text-decoration:underline;
	color: #FFF;
}


.aligner-gauche {
	float: left;
}
.aligner-droite {
	float: right;
}
.oublie-aligner {
	clear: both;
}
.invisible {
	display: none;	
}

h1 {
	font-family:'Yanone Kaffeesatz', Georgia, Times New Roman, Times, serif;
	font-size: 34px;
	color:#339999;
	display: inline;
	font-weight: normal;
	letter-spacing: 1px;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color:#333;
	display: inline;
	font-weight: normal;
	line-height: 21px;
	letter-spacing: 1px;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color:#A10D49;
	display: inline;
	font-weight: normal;
	line-height: 35px;
	font-variant: small-caps;
	letter-spacing: 1px;
}

h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color:#333;
	display: inline;
	font-weight: normal;
	line-height: 35px;
}



/*styles generiques */

.fond {
	background-image: url(images/image-fond.jpg);
	background-position:center top;
	width: 100%;
	height: 100%;
	margin: 0px;
	text-align: center;
}
.bandeau-haut {
	height: 177px;
	width: 100%;
	text-align: center;
}
.bandeau-site {
	width: 980px;
	height: 177px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
.logo {
	float: left;
	height: 177px;
	width: 328px;
}
.largeur-site {
	margin: auto;
	width: 980px;
	overflow: hidden;
	padding-bottom: 40px;
}

.menu {
	float: right;
	height: 33px;
	width: 513px;
	margin-top: 102px;
}
.menu a {
    display: block;
	float: left;
}
.menu a.accueil {
	width: 93px;
	height: 33px;
	background-image:url(images/menu-bt-accueil.gif);
	background-repeat: no-repeat;
	font-size:0px;
}
.menu a:hover.accueil {
	background-image:url(images/menu-bt-accueil-over.gif);
}
.index .menu a.accueil {
	background-image:url(images/menu-bt-accueil-over.gif);
}

.menu a.realisations {
	width: 126px;
	height: 33px;
	background-image:url(images/menu-bt-realisations.gif);
	background-repeat: no-repeat;
	font-size:0px;
}
.menu a:hover.realisations {
	background-image:url(images/menu-bt-realisations-over.gif);
}
.page-realisations .menu a.realisations {
	background-image:url(images/menu-bt-realisations-over.gif);
}
.page-book .menu a.realisations {
	background-image:url(images/menu-bt-realisations-over.gif);
}

.menu a.apropos {
	width: 101px;
	height: 33px;
	background-image:url(images/menu-bt-apropos.gif);
	background-repeat: no-repeat;
	font-size:0px;
}
.menu a:hover.apropos {
	background-image:url(images/menu-bt-apropos-over.gif);
}
.graphiste-freelance .menu a.apropos {
	background-image:url(images/menu-bt-apropos-over.gif);
}

.menu a.services {
	width: 94px;
	height: 33px;
	background-image:url(images/menu-bt-services.gif);
	background-repeat: no-repeat;
	font-size:0px;
}
.menu a:hover.services {
	background-image:url(images/menu-bt-services-over.gif);
}
.services .menu a.services {
	background-image:url(images/menu-bt-services-over.gif);
}

.menu a.contact {
	width: 99px;
	height: 33px;
	background-image:url(images/menu-bt-contact.gif);
	background-repeat: no-repeat;
	font-size:0px;
}
.menu a:hover.contact {
	background-image:url(images/menu-bt-contact-over.gif);
}
.contact .menu a.contact {
	background-image:url(images/menu-bt-contact-over.gif);
}

.pied-de-page {
	width: 100%;
	height: 100px;
	background-image:url(images/image-pied-de-page.jpg);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.pied-de-page-contenu a:hover{
	color:#C03;
}
.pied-de-page-contenu {
	width: 980px;
	margin: auto;
	padding-top: 10px;
}
.pied-de-page-contenu-gauche {
	text-align: left;
	float: left;
	color: #999;
	line-height: normal;
}
.pied-de-page-contenu-gauche a {
	text-decoration: none;
	color:#999;
}
.pied-de-page-lien {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	text-decoration: none;
	color:#333;
	float: right;
	font-variant: small-caps;
	padding-right: 18px;
}
.pied-de-page-lien a {
	text-decoration: none;
	color:#333;
}
.pied-de-page-lien a:hover {
	text-decoration: none;
	color:#C03;
}


/*styles accueil */

.index .largeur-site {
	background-image:url(images/fond-diaporama-graphiste-freelance.jpg);
	background-repeat: no-repeat;
	background-position: 402px 0px;
}
.accueil-colonne-texte {
	width: 380px;
	text-align: left;
	float: left;
	padding-left: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#333;
	font-style:normal;
	padding-top: 25px;
	height: 410px;
	line-height: 20px;
}
.accueil-colonne-texte a {
	color:#A10D49;
	text-decoration: none;
	font-weight: bold;
}
.accueil-colonne-texte a:hover {
	color:#009999;
}
.lettrine {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 72px;
	color:#333;
	font-weight: normal;
	float:left;
	width: 52px;
	line-height: 59px;
}
.accueil-diaporama {
	width: 483px;
	height: 370px;
	float: right;
	border: 5px solid #FFF;
	margin-top: 15px;
	margin-right: 20px;

}
.accueil-diaporama ul, .accueil-diaporama li {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.index .jDiaporama_controls {
	display: none;
}

/*
h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color:#333;
	display: inline;
	font-weight: normal;
	line-height: 35px;
}
*/

.page-book .largeur-site {
	background-image:url(images/realisations/fond-book.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.page-book .largeur-site.web {
	background-image:url(images/realisations/fond-web.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.realisations-intro-colonne-gauche {
	width: 178px;
	text-align: left;
	float: left;
	padding-right: 8px;
	padding-top: 40px;
}
.realisations-intro-colonnes {
	width: 186px;
	text-align: left;
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	color:#333;
	padding-top: 40px;
}
.realisations-intro-colonne-droite {
	width: 178px;
	text-align: left;
	float: left;
	padding-left: 8px;
	padding-top: 40px;
}
.realisations-intro-pictos {
	height: 106px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 0px;
}
.realisations-intro-description {
	width: 170px;
	height: 109px;
	margin-bottom: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#333;
}
.realisations-intro-vignette {
	width: 170px;
	height: 109px;
	margin-bottom: 20px;
}
/*
.realisations-intro-vignette a {
    display: block;
	float: left;
}
.realisations-intro-vignette a.print {
	width: 160px;
	height: 99px;
	background-image:url(images/realisations/vignette-print.jpg);
	background-repeat: no-repeat;
	font-size:0px;
	border: 5px solid #C9C;
	background-position: center;
}
.realisations-intro-vignette a:hover.print {
	border: 5px solid #990033;
}
.realisations-intro-vignette a.logo {
	width: 160px;
	height: 99px;
	background-image:url(images/realisations/vignette-print.jpg);
	background-repeat: no-repeat;
	font-size:0px;
	border: 5px solid #ffb2bb;
	background-position: center;
}
.realisations-intro-vignette a:hover.logo {
	border: 5px solid #ff0033;
}
.realisations-intro-vignette a.web {
	width: 160px;
	height: 99px;
	background-image:url(images/realisations/vignette-print.jpg);
	background-repeat: no-repeat;
	font-size:0px;
	border: 5px solid #cbcc8d;
	background-position: center;
}
.realisations-intro-vignette a:hover.web {
	border: 5px solid #999933;
}
.realisations-intro-vignette a.stand {
	width: 160px;
	height: 99px;
	background-image:url(images/realisations/vignette-print.jpg);
	background-repeat: no-repeat;
	font-size:0px;
	border: 5px solid #99cccc;
	background-position: center;
}
.realisations-intro-vignette a:hover.stand {
	border: 5px solid #009999;
}
.realisations-intro-vignette a.illustration {
	width: 160px;
	height: 99px;
	background-image:url(images/realisations/vignette-print.jpg);
	background-repeat: no-repeat;
	font-size:0px;
	border: 5px solid #ffcc99;
	background-position: center;
}
.realisations-intro-vignette a:hover.illustration {
	border: 5px solid #ff9933;
}
*/


.diaporama-realisations {
	width: 650px;
	height: 505px;
	float: right;
	margin-top: 44px;
	margin-right: 35px;
	margin-bottom: 35px;
}
.diaporama-realisations ul, .diaporama-realisations li {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.diaporama-realisations .jDiaporama_status a {
	display: none;
}


.menu-realisations {
	width: 240px;
	float: left;
	background-image: url(images/realisations/fond-menu-realisations.gif);
	background-repeat: no-repeat;
	margin-top: 30px;
}
.menu-realisations a {
    display: block;
}
.menu-realisations a.print {
	width: 88px;
	height: 88px;
	background-image:url(images/realisations/bt-print.gif);
	background-repeat: no-repeat;
	font-size:0px;
	margin-left: 48px;
}
.menu-realisations a:hover.print,
.menu-realisations a.print.actif {
	background-image:url(images/realisations/bt-print-over.gif);
}
.menu-realisations a.logo {
	width: 62px;
	height: 61px;
	background-image:url(images/realisations/bt-logo.gif);
	background-repeat: no-repeat;
	font-size:0px;
	margin-top: 2px;
}
.menu-realisations a:hover.logo,
.menu-realisations a.logo.actif {
	background-image:url(images/realisations/bt-logo-over.gif);
}
.menu-realisations a.web {
	width: 75px;
	height: 74px;
	background-image:url(images/realisations/bt-web.gif);
	background-repeat: no-repeat;
	font-size:0px;
	margin-left: 61px;
}
.menu-realisations a:hover.web,
.menu-realisations a.web.actif {
	background-image:url(images/realisations/bt-web-over.gif);
}
.menu-realisations a.stand {
	width: 69px;
	height: 68px;
	background-image:url(images/realisations/bt-stand.gif);
	background-repeat: no-repeat;
	font-size:0px;
	margin-left: 17px;
	margin-top: 9px;
}
.menu-realisations a:hover.stand,
.menu-realisations a.stand.actif {
	background-image:url(images/realisations/bt-stand-over.gif);
}



.sous-menu-print {
	width: 104px;
	float: right;
	margin-top: 65px;
	background-repeat: no-repeat;
}
.sous-menu-print a {
    display: block;
	float: left;
}
.sous-menu-print a.graphisme-entreprise {
	width: 70px;
	height: 18px;
	background-image:url(images/realisations/print-bt-graphisme-entreprise.gif);
	background-repeat: no-repeat;
	font-size:0px;
}
.sous-menu-print a:hover.graphisme-entreprise,
.sous-menu-print a.graphisme-entreprise.actif {
	background-image:url(images/realisations/print-bt-graphisme-entreprise-over.gif);
}
.sous-menu-print a.graphisme-culturel {
	width: 61px;
	height: 18px;
	background-image:url(images/realisations/print-bt-graphisme-culturel.gif);
	background-repeat: no-repeat;
	font-size:0px;
}
.sous-menu-print a:hover.graphisme-culturel,
.sous-menu-print a.graphisme-culturel.actif {
	background-image:url(images/realisations/print-bt-graphisme-culturel-over.gif);
}
.sous-menu-print a.graphisme-tourisme {
	width: 60px;
	height: 18px;
	background-image:url(images/realisations/print-bt-graphisme-tourisme.gif);
	background-repeat: no-repeat;
	font-size:0px;
}
.sous-menu-print a:hover.graphisme-tourisme,
.sous-menu-print a.graphisme-tourisme.actif {
	background-image:url(images/realisations/print-bt-graphisme-tourisme-over.gif);
}
.sous-menu-print a.graphisme-environnement {
	width: 99px;
	height: 18px;
	background-image:url(images/realisations/print-bt-graphisme-environnement.gif);
	background-repeat: no-repeat;
	font-size:0px;
}
.sous-menu-print a:hover.graphisme-environnement,
.sous-menu-print a.graphisme-environnement.actif {
	background-image:url(images/realisations/print-bt-graphisme-environnement-over.gif);
}
.sous-menu-print a.graphisme-beaute {
	width: 49px;
	height: 18px;
	background-image:url(images/realisations/print-bt-graphisme-beaute.gif);
	background-repeat: no-repeat;
	font-size:0px;
}
.sous-menu-print a:hover.graphisme-beaute,
.sous-menu-print a.graphisme-beaute.actif {
	background-image:url(images/realisations/print-bt-graphisme-beaute-over.gif);
}
.sous-menu-print a.graphisme-divers {
	width: 49px;
	height: 18px;
	background-image:url(images/realisations/print-bt-graphisme-divers.gif);
	background-repeat: no-repeat;
	font-size:0px;
}
.sous-menu-print a:hover.graphisme-divers,
.sous-menu-print a.graphisme-divers.actif {
	background-image:url(images/realisations/print-bt-graphisme-divers-over.gif);
}



.sous-menu-web {
	width: 104px;
	float: right;
	margin-top: 48px;
	background-repeat: no-repeat;
}
.sous-menu-web a {
    display: block;
	float: left;
}
.sous-menu-web a.creation-site-internet {
	width: 87px;
	height: 18px;
	background-image:url(images/realisations/web-bt-creation-site-internet.gif);
	background-repeat: no-repeat;
	font-size:0px;
}
.sous-menu-web a:hover.creation-site-internet,
.sous-menu-web a.creation-site-internet.actif {
	background-image:url(images/realisations/web-bt-creation-site-internet-over.gif);
}
.sous-menu-web a.creation-animation-flash {
	width: 103px;
	height: 18px;
	background-image:url(images/realisations/web-bt-creation-animation-flash.gif);
	background-repeat: no-repeat;
	font-size:0px;
}
.sous-menu-web a:hover.creation-animation-flash,
.sous-menu-web a.creation-animation-flash.actif {
	background-image:url(images/realisations/web-bt-creation-animation-flash-over.gif);
}


/*styles a propos */

.apropos-graphiste-freelance {
	width: 313px;
	height: 329px;
	float: left;
}
.texte-apropos {
	width: 620px;
	float: right;
	margin-right: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#333;
	text-align: left;
}
.texte-apropos a {
	color:#A10D49;
	text-decoration: none;
	font-weight: bold;
}
.texte-apropos a:hover {
	color:#009999;
}
.texte-apropos-colonne1 {
	width: 250px;
	float: left;
	margin-right: 20px;
	line-height: 20px;
}
.texte-apropos-colonne {
	width: 250px;
	float: left;
	line-height: 20px;
}


/*styles services */

.services-colonne1 {
	width: 489px;
	height: 499px;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#333;
	text-align: left;
	line-height: 20px;
	padding-right: 7px;
}
.services-colonne2 {
	width: 470px;
	height: 499px;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#333;
	text-align: left;
	line-height: 20px;
}

/*styles contact */

.contact .largeur-site {
	background-image:url(images/contact/fond-contact.jpg);
	background-repeat: no-repeat;
	background-position: 222px 0px;
}
.contact-texte {
	width: 215px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color:#333;
	font-weight: normal;
	line-height: 21px;
	text-align: left;
	padding-top: 40px;
}
.contact-texte-surbrillance {
	color:#A10D49;
	text-decoration: none;
	display:inline;
}
.contact-texte a {
	color:#A10D49;
	text-decoration: none;
}
.contact-texte a:hover {
	color:#009999;
}
.contact-texte-petit {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color:#333;
	font-weight: normal;
	font-style: italic;
	line-height: 18px;
}
.contact-bloc-formulaire {
	width: 558px;
	height: 300px;
	float: right;
	margin-top: 127px;
	background-image: url(images/contact/couleur-transparente-fond-formulaire.png);
}
.formulaire-colonne1 {
	width: 237px;
	float:left;
	margin-top: 25px;
	margin-right: 29px;
	margin-left: 24px;
}
.formulaire-colonne2 {
	width: 237px;
	float:left;
	margin-top: 25px;
}
.contact .contact-bloc-formulaire a.retour {
	color: #ffffff;
	font-size: 16px;
	margin-top: 130px;
	display: block;
	text-decoration: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	display: inline;
	font-weight: normal;
}
.contact .contact-bloc-formulaire a:hover.retour {
	text-decoration: underline;	
}



/*formulaire*/

.contact label {
	width: 100%;
	font-size: 12px;
	text-align: left;
	display: block;
	float: left;
	margin-bottom: 4px;
	color:#FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
.contact .champ-texte {
	width: 100%;
	height: 31px;
	float: left;
	display: block;
	margin-bottom: 26px;
	background-color:#FFF;
	font-size: 13px;
	color:#666;
	border:0px;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(images/contact/degrade-champs-formulaire.gif);
	background-repeat:repeat-x;
	background-position: top;
	padding-left: 3px;
}
.contact .champ-entreprise {
	width: 100%;
	height: 31px;
	float: left;
	display: block;
	background-color:#FFF;
	font-size: 13px;
	color:#666;
	border:0px;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(images/contact/degrade-champs-formulaire.gif);
	background-repeat:repeat-x;
	background-position: top;
	padding-left: 3px;
}
.contact textarea {
	width: 100%;
	height: 176px;
	float: left;
	display: block;
	background-color:#FFF;
	font-size: 13px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	border:0px;
	background-image:url(images/contact/degrade-champs-formulaire.gif);
	background-repeat:repeat-x;
	background-position: top;
	padding-top: 7px;
	padding-left: 3px;
}
.contact .bouton-envoyer {
	padding-right: 28px;
	padding-top: 18px;
	float: right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color:#ffcc33;
	font-weight: normal;
	background-color: transparent;
	display:block;
	cursor: pointer;
}


/*styles liens */

.image-liens {
	width: 201px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color:#333;
	font-weight: normal;
	line-height: 21px;
	text-align: left;
	padding-top: 50px;
}
.fond-liens {
	width: 697px;
	height: 263px;
	float:right;
	background-image: url(images/liens/fond-liens.jpg);
	background-repeat: no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color:#A10D49;
	font-weight: normal;
	line-height: 24px;
	padding-top: 60px;
	padding-left: 31px;
	text-align: left;
}
.fond-liens a {
	color:#A10D49;
	text-decoration: none;
}
.fond-liens a:hover {
	color:#009999;
}
.liens-colonne1 {
	width: 135px;
	height: 200px;
	float:left;
	margin-right: 36px;
}
.liens-colonne2 {
	width: 145px;
	height: 200px;
	float:left;
	margin-right: 38px;
}



.animation {
	text-align: center;
	margin-top: 50px;
}
.animation-liens a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color:#A10D49;
	font-weight: normal;
	line-height: 24px;
	color:#A10D49;
	text-decoration: none;
	font-variant: small-caps;
	letter-spacing: 1px;
}
.animation-liens a:hover {
	color:#009999;
}


/*google fonts */
.services-fonts {
	font-family: 'Yanone Kaffeesatz', Georgia, Times New Roman, Times, serif;
	font-size: 30px;
	color:#339999;
	display: inline;
}