/* CSS Document */
/* Copyright Agence et Studio L J & C */
html, body {
	height: 100%;
	background-color: #fff;
	background-image: url(../media-internet-auxerre/bg_degrade_noel.jpg);
	background-repeat: repeat-x;
	}
body {
	font: 90% "Trebuchet MS", sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
/*	background-image: url(../media-internet-auxerre/bg_fetes_fin_annee.jpg);
	background-repeat: repeat-x;*/
}
#shooting img {
	position: absolute;
	top: 0px;
	left: 0px;

}

div#conteneur {
	min-height: 100%;
	width: 770px;
	left: 50%;
	background: #fff url(media/fd_corps.gif) repeat-y;
	border-right: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	position: absolute;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -375px;
	padding: 0;
	height: auto;
}
#Tableau_01 {
	border: 2px solid #CCCCCC;
	color: #CCCCCC;
	text-align: center;
	font-weight: bold;
	background-color: #FFFFFF;
	margin-top: 100px;
}

.adrs {
	color: #CCCCCC;
	background-image: url(../media-internet-auxerre/bg_adrs.gif);
	background-repeat: no-repeat;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
}


div#en_tete {
	width: 576px;
	height: 139px;
	z-index: 50;
	position: relative;
	left: 0px;
	top: 0px;
}
div#menu_haut {
	height: 30px;
	width: 770px;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	list-style-type: none;
	background-image: url(media/fd_menu_haut.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding-top: 0px;
	top: 139px;
}
div#menu_gauche {
	width: 115px;
	border-right: 1px solid #CCCCCC;
	top: 165px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	position: absolute;
	float: left;
	font-size: 0.9em;
	height: auto;
	left: 0px;
	text-align: center;
}
div#corps{
	margin-top: 10px;
	margin-left: 125px;
	height: 100%;
	color: #999999;
	position: fixe;
	float: left;
	left: 0px;
	top: 150px;
	width: 645px;
	padding-bottom: 35px;
}
div#pied_de_page{
	background-image: url(media/fd_bas_page.gif);
	background-repeat: repeat-x;
	font-size: 0.8em;
	bottom: 0px;
	left: 0px;
	height: 21px;
	color: #3399FF;
	text-decoration: none;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	width: 100%;
	position: absolute;
}
.bleu_li {
	color: #3333CC;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	height: 21px;
	width: 99px;
	background-image: url(media/fd_menu_societe.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-left: 16px;
	left: 0px;
	margin: 0px;
}
.vert_li {
	color: #009933;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	height: 21px;
	width: 99px;
	font-size: 0.8em;
	background-image: url(media/fd_menu_prestation.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-top: 4px;
	padding-left: 16px;
	left: 0px;
	margin: 0px;
}
.orange_li {
	color: #FF6600;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background-image: url(media/fd_menu_reference.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-left: 16px;
	left: 0px;
	margin: 0px;
	width: 99px;
}
.orangeFonce_li {
	color: #FF3300;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	background-image: url(media/fd_menu_devis.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-left: 16px;
	left: 0px;
	margin: 0px;
	height: 21px;
	width: 99px;
}
.brun_li {
	color: #660000;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background-image: url(media/fd_menu_accesclient.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-left: 16px;
	list-style-type: none;
	left: 0px;
	margin: 0px;
}
.titre_rubrique_pack {
	background-image: url(media/entete_menu_pack.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 115px;
	padding-top: 115px;
	padding-bottom: 20px;
	padding-right: 1px;
	padding-left: 1px;
}
.contenu_promo_pack {
	background-image: url(media/fd_pack_promo.gif);
	background-repeat: repeat-x;
	height: auto;
	width: 115px;
	text-align: center;
}
.contenu_clientele {
	background-image: url(media/fd_pack_clientele.gif);
	background-repeat: repeat-x;
	height: 86px;
	width: 115px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999999;
	padding-bottom: 5px;
	padding-top: 5px;
	text-indent: 2px;
}
.orange_simple {
	color: #FF6600;
	text-decoration: none;
}

li{
	height: 30px;
	width: 115px;
	padding: 0px;
	float: left;
	margin-top: 1px;
	font-family: Arial, Helvetica, sans-serif;
}
ul#menu
{
	height: 30px;
	list-style-type: none;
	width: 600px;
	margin: 0;
	padding: 0;
	float: left;
}
/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond, on met ensuite l'image de fond avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel */			
ul#menu li a
{
	width: 99px;
	display: block;
	text-decoration: none;
	font-weight: bold;
}/* C'est sur les liens que le gros du travail est effectué, largeur, hauteur de ligne, taille de police, graisse de police, espacement des lettres, couleur, bordure et decoration du texte. Nous pouvons dimensionner les a grâce à la propriété display: block ; */

ul#menu li a:hover
{
	color: #33CCFF;
}/* Et pour finir on décale l'image de fond au passage de la souris pour laisser aparaître l'état survolé de l'image, voir le tutoriel sur les roll over pour plus de détails */
.color_bleu {
	color: #3333CC;
	font-weight: bold;
}
.color_bleuClair {


	color: #3399FF;
}
.color_bleuClair_petit {
	color: #3399FF;
	font-size: 0.9em;
}
.color_vert {

	color: #009933;
}
.color_orange {

	color: #FF6600;
}

.color_orangeFonce {

	color: #FF3300;
}
.color_brun {

	color: #660000;
}
dl#pied {
	height: 21px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 770px;
	float: right;
}
dl#pied dt a {
	text-decoration: none;
	color: #999999;
	width: 150px;
	height: 21px;
}
dl#pied dt a:hover {

	color: #33CCFF;
}
dt {
	display: block;
	margin-right: 10px;
	text-align: right;
	float: right;
}
p
{
	text-align: justify;
	padding-right: 10px;
}
p:first-letter /* La première lettre de chaque paragraphe */
{
	font-weight: bold;
	font-size: 1.2em;
	text-transform: capitalize;
}
h1:first-letter {
	color: #3399ff;
	text-transform: capitalize;
}
#corps h1 {
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	color: #CCCCCC;
	text-transform: capitalize;
	font-variant: normal;
	font-style: italic;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3399FF;
	font-size: 1.6em;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-bottom: 10px;
	width: 100%;
}

h2 {
	color: #FF6600;
	font-size: 1em;
	width: 100%;
	text-indent: 10px;
	float: left;
	margin: 20px;
	position: relative;
}
h2:first-letter {
	text-transform: capitalize;
}
#corps h3{
	text-decoration: none;
	color: #FF6600;
	background-image: url(media/dbl_fleche.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4ED3FF;
	padding-bottom: 10px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #4ED3FF;
	text-indent: 35px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	position: relative;
}
h4 {
	font-size: 1.5em;
	color: #4ed3ff;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
}
h4:first-letter {
	text-transform: capitalize;
}
h5 {
	font-size: 0.9em;
	color: #999999;
	background-color: #fff;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E6ECF5;
	border-bottom-color: #E6ECF5;
	height: auto;
	width: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: normal;
	text-indent: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	position: relative;
}
label
{
   color: #666666; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}

legend /* On met un peu plus en valeur les titres des fieldset */
{
	color: #3399FF;
	font-weight: bold;
	text-transform: capitalize;
	margin: 5px;
}
fieldset {
	width: 580px;
	color: #666666;
	text-transform: capitalize;
	background-image: url(media/deco_orange.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: relative;
}
input {
	font-size: 1em;
	font-style: normal;
	color: #3399FF;
}
select {
	font-size: 1em;
	color: #3399ff;
}
textarea {
	font-size: 1em;
	color: #3399ff;
}
.input_bt {
	background-color: #CCCCCC;
	border: 1px solid #3399ff;
	display: inline;
}
.color_grisclair_pt {
	font-size: 0.7em;
	color: #999999;
}
strong {
	font-size: 1em;
	color: #00CCFF;
}
ul#lien {
	list-style-type: square;
	width: 600px;
	padding: 0;
	border-bottom: 1px solid #00CCFF;
	color: #0033FF;
	z-index: 10;
	text-align: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 5px;
}
ul#lien li a {
	width: 250px;
	display: block;
	color: #FF6600;
	float: left;
	background-color: #F7F7F7;
}
ul#lien li a:hover {
	color: #008AE3;
}
li#lien {
	color: #666666;
	text-transform: capitalize;
	float: left;
	text-decoration: none;
	z-index: 11;
	width: auto;
	text-indent: 10px;
	margin: 5px;
	font-size: 0.9em;
}
a {
	color: #3399FF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
a:hover {
	color: #FF3300;
}

p#pack {
	font-size: 1em;
	text-transform: capitalize;
	color: #999999;
	text-decoration: none;
	margin-bottom: 5px;
	text-align: left;
}
a#prestations {
	font-size: 0.8em;
	color: #009933;
	text-decoration: none;
	text-transform: uppercase;
}

.color_bleutresclair {
	color: #4ED3FF;
}

p#superpack {
	font-size: 1em;
	text-transform: capitalize;
	color: #999999;
	text-decoration: none;
	margin-bottom: 5px;
	text-align: left;
	background-color: #FFFFFF;
	border-width: 1px 1px 1px 1px;
	border-bottom-style: double;
	border-color: #CCCCCC;
}
p#packtitre {
	font-size: 1em;
	text-transform: uppercase;
	color: #999999;
	text-decoration: none;
	text-align: justify;
	background-color: #EEEEEE;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	border: 1px solid #999999;
}
p#packexpli {
	font-size: 1em;
	text-transform: none;
	color: #999999;
	text-decoration: none;
	background-color: #F3F3F3;
	border: 1px solid #999999;
	padding: 10px;
	margin: 10px;
	height: auto;
}
table#photo {
	font-size: 1em;
	color: #FFFFFF;
	width: 500px;
	border: 1px solid #4ED3FF;
}
td#photo {
	font-weight: bold;
	background-color: #CCCCCC;
	text-align: center;
}
p#formule {
	font-size: 1em;
	text-transform: uppercase;
	color: #999999;
	width: 300px;
	font-weight: bold;
	text-decoration: underline;
}
ul#mariage {
	background-image: url(media/anneau.gif);
	background-repeat: no-repeat;
	background-position: right center;
	position: relative;
	z-index: 1;
	width: 600px;
	padding-top: 10px;
	padding-bottom: 10px;
}
li#mariage {
	width: 500px;
	font-size: 1em;
	color: #3399ff;
	z-index: 2;
	text-align: left;
}
li#web {
	width: 550px;
	font-size: 1em;
	color: #3399ff;
	z-index: 2;
	text-align: left;
}
ul#web {
	position: relative;
	z-index: 1;
	width: 600px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}
h3#table {

	text-align: left;
	font-family: Arial, "Arial Black", "Times New Roman", serif;
	text-decoration: none;
	color: #4ED3FF;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-image: url(media/dbl_fleche.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 35px;
}
p#intro {
	font-size: 1em;
	color: #3399FF;
	text-align: center;
	padding-top: 2px;
}
h1#intro {
	color: #0066FF;
	font-size: 1em;
	text-decoration: none;
}
div#intro {
	text-decoration: none;
	text-align: center;
	border: 1px solid #999999;
	width: 718px;
}
#cont_intro {
	background-image: url(media/fd_cont_intro.gif);
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	float: Aucune;
	height: 180px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#expli_flow {
	color: #CCCCCC;
	/*visibility: hidden;*/
	display: none
}
img#photo {
	background-color: #FFFFFF;
	border-color: #333333;
	border-top: 1px solid;
	border-right: 2px solid;
	border-bottom: 2px solid;
	border-left: 1px solid;
	margin: 1%;
	padding: 3px;
	text-align: left;
}
.color_bleuClairRouge {
	color: #3399FF;
	border-width: 2px 2px 2px 2px;
}
p#webb {
	font-size: 1em;
	color: #FF6600;
	z-index: 2;
	text-align: left;
	font-weight: bold;
	font-style: italic;
}
strong#plus {
	color: #FF6600;
	border-bottom-width: 2px;
	border-bottom-style: double;
	border-bottom-color: #7AD3FF;
}
a#pt {
	font-size: 1em;
	color: #3399FF;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FF3300;
}
.image {
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border: 1px solid #E1E2E4;
}
.siteinternet {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF6600;
	font-size: small;
	margin: 5px;
}
blockquote {
	width: 590px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#corps blockquote img {
	margin: 5px;
	border: 1px solid #CCCCCC;
}


.photoG {
	float: left;
	width: 150px;
	margin: 5px;
	position: relative;
}
.photoD {
	float: right;
	width: 150px;
	margin: 5px;
}
.blanc {
	color: #FFFFFF;
	display: none;
}
.lienssite {
	color: #666666;
	text-transform: capitalize;
	float: left;
	text-decoration: none;
	z-index: 11;
	width: 200px;
	text-indent: 10px;
	margin: 5px;
	position: relative;
	font-size: 0.9em;
}
.pdroite {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 240px;
}