html{
	overflow-y: scroll;
}
body{
	margin: 0;
	padding: 0;
	font: normal 0.7em Arial, Helvetica, sans-serif;
	color: #535252;
	background: #0c323f url(images/fond.gif) 0 0 repeat-x;
}
img{
	display: block;
}
a{
	color: #535252;;
}
#conteneur{
	position: relative;
	margin: 0 auto;
	width: 760px;
	background-color: #FFF;
}
#footer{
	clear: both;
	margin:10px 0 0 0;
	text-align: center;
	line-height: 1.7em;
	color: #008cc7;
	border-top: 1px solid #dae8f6;
}
#footer a{
	color: #008cc7;
	text-decoration: underline;
}
a#bliss{
	position: absolute;
	bottom:20px;
	left: 760px;
}
#bliss img{
	border: none;
}
hr{
	clear: both;
	margin: 0;
	height: 1px;
	visibility: hidden;
}
hr.separateur{
	visibility:visible;
	margin:0 auto;
	height:3px;
	width:95%;	
	background-color:#FFF;
	border-top:1px solid black;
	border-bottom:1px solid black;
}
em{
	font-style:normal;
	color:#008cc7;
}
/* ------------------------------------------------------ */
/* 							TITRES						  */
/* ------------------------------------------------------ */
h1{ /* On masque les h1 car ils ne sont là que pour le référencement. Les titres sont en fait des images */
	text-indent: -5000px;
	margin: 0;
	line-height: 0;
}
h2{
	margin:2em 0;
	font-size:1.5em;
	text-align:center;
	color:#008cc7;
}
#ident_compte h2, #ident_compte h3, #ident_nocompte h2{
	margin-bottom:1em;
	padding-left:15px;
	height:32px;
	line-height:32px;
	color:#5e5655;
	background-color:#e9e9ea;
	text-align:left;
}
#ident_compte h2, #ident_nocompte h2{
	margin:0 0 10px 0;
	font-size:1.2em;
}
#ident_compte h3{
	margin:10px 0 0 0;
	font-weight:normal;
	font-size:1em;
}
h3{
	margin:1em 0 0.5em 20px;
	font-size:1.1em;
	color:#000;
}
/* ------------------------------------------------------ */
/* 							TOP							  */
/* ------------------------------------------------------ */
#top, #top_flash{
	position:relative;
	margin:0 0 2px 0;
	height:175px;
	background-color:#FFF;
	background-position:0 0;
	background-repeat:no-repeat;
	border-bottom:1px solid #000;
}
#top{
	 background-image:url(images/bdo_top.jpg);
}
#top_flash{
	 background-image:url(images/bdo_top_flash.jpg);
}
#top #lienLogo, #top_flash #lienLogo{
	position:absolute;
	top:55px;
	left:15px;
}
#top #lienLogo img, #top_flash #lienLogo img{
	border:none;
}
/* --------------- zone flash --------------- */
#top_flash p#txt_flash{
	position:absolute;
	top:57px;
	left:567px;
	width:150px;
	font-weight:bold;
	color:#337d94;
}
*html #top_flash p#txt_flash{
	top:68px;
}
/* --------------- formulaire d'identification --------------- */
#top p#ident, #top_flash p#ident{
	position:absolute;
	top:142px;
	left:565px;
	width: 230px;
	color: #0188c3;
	font-weight: bold;
	line-height:0.9em;
}
*html #top p#ident, *html #top_flash p#ident{
	top:152px;
}
#top #ident a, #top_flash #ident a{
	color: #8a8685;
	font-size: 0.8em;
	text-decoration:none;
}
/*#top form#ident{
	margin: 80px 0 0 0;
	padding-left: 7px;
	float: right;
	width: 245px;
	height: 95px;
	border-bottom: 1px solid #000;
}
#top form#ident p.champs{
	margin:0;
	clear:both;
}
#top form label{
	float: left;
	display: block;
	margin: 0 10px 0 0;
	width: 90px;
	line-height: 21px;
	text-align: right;
	font-weight: bold;
	font-size: 0.9em;
	color: #0188c3;
}
#top form input{
	width: 125px;
	height: 15px;
	font-size: 0.8em;
	background-color: #eeedee;
}
#top form img{
	margin: 0 0 3px 112px;
}
#top form #btnOk{
	float: right;
	margin: 3px 10px 0 0;
	width: 39px;
	height: 28px;
}
#top form #txt_erreur_ident{
	width: 180px;
	margin: 5px 0 0 5px;
}
#txt_erreur_ident, #txt_erreur, #txt_erreur_pwd{
	color: #008cc7;
}*/

/* --------------- Menu --------------- */
#menu{
	margin: 0;
	padding: 126px 0 0 0;
}
#menu li{
	list-style-type: none;
	float:left;
}
#menu li a{
	display:block;
}
#menu li, #menu li a{
	height:49px;
}

#menu #portfolio, #menu li#selectportfolio{
	width:93px;
	background:url(images/btn_portfolio.jpg) 0 0 no-repeat;
}
#menu #presentation, #menu li#selectpresentation{
	width:112px;
	background:url(images/btn_presentation.jpg) 0 0 no-repeat;
}
#menu #contact, #menu li#selectcontact{
	width:82px;
	background:url(images/btn_contact.jpg) 0 0 no-repeat;
}
#menu #panier, #menu li#selectpanier{
	width:95px;
	background:url(images/btn_panier.jpg) 0 0 no-repeat;
}
#menu #profil, #menu li#selectprofil{
	width:74px;
	background:url(images/btn_profil.jpg) 0 0 no-repeat;
}
#menu li #portfolio:hover, #menu li #presentation:hover, #menu li #contact:hover, #menu li #panier:hover, #menu li #profil:hover, #menu li#selectportfolio, #menu li#selectpresentation, #menu li#selectcontact, #menu li#selectpanier, #menu li#selectprofil{
	background-position: 0 -49px;
}

/* --------------- Sous menu Portfolio --------------- */
#smenu{
	margin: 0;
	padding: 0 0 0 15px;
	height: 65px;
	background: url(images/menu__fond.gif) 0 0 repeat-x;
}
#smenu li{
	list-style-type: none;
	float: left;
}
#smenu li img{
	border: none;
}
/* --------------- Sous menu Présentation --------------- */
ul#smenu_corpo{
	float: left;
	margin: 20px 20px 10px 10px;
	padding: 0;
	width: 110px;
	height: 380px;
	font-size: 1.1em;
	background: #FFF url(images/points.gif) 90% 0 repeat-y;
}
#smenu_corpo li{
	padding-right: 22px;
	color: #f49e27;
	list-style-type: none;
	text-align: right;
}
#smenu_corpo li#select{
	margin: 25px 0;
	background: url(images/puce.gif) 92% 50% no-repeat;
}
#smenu_corpo a{
	color: #535252;
	text-decoration: none;
}
#smenu_corpo a:hover{
	color: #f49e27;
}
#smenu_corpo img{
	margin: 0 0 20px 0;
}

/* --------------- Sous menu Panier --------------- */
ul#smenu_panier{
	margin:20px 0 0 20px;
	padding:0;
	height:10px;
}
#smenu_panier li{
	margin:0 10px 0 0;
	float:left;
	list-style-type:none;
}
/* ------------------------------------------------------ */
/* 						ACCUEIL							  */
/* ------------------------------------------------------ */
#flashcontent{
	/*height: 429px;*/
}
#flashcontent p{
	margin:15px 0 0 15px;
}
#flashcontent a{
	color: #535252;
}

/* ------------------------------------------------------ */
/* 						PORTFOLIO						  */
/* ------------------------------------------------------ */
#flashbusiness{
	margin-top:15px;
	height: 289px;
}
#flashbusiness p{
	margin:15px 0 0 15px;
}
.pellicule{
	float: left;
	position: relative;
	margin: 20px 0 20px 25px;
	border-left: 1px dotted #9b9999;
}
.photo{
	float: left;
	position: relative;
	margin: 10px 0;
}
.pellicule a, .photo a{
	padding: 19px 0 0 20px;
	display: block;
	width: 131px;
	min-height: 153px;
	text-decoration: none;
	color: #616060;
	background: #FFF url(images/photo_fondOff.gif) 0 0 no-repeat;
}

.pellicule a:hover, .photo a:hover{
	color: #0094c6;
	background: #FFF url(images/photo_fondOn.gif) 0 0 no-repeat;
}
.pellicule img, .photo img{
	margin-bottom: 20px;
	border: none;
}
.pellicule .privee, .pellicule .privee, .photo .privee{
	position: absolute;
	bottom: 5px;
	right: 10px;
	border: 1px solid #FFF;
}
/* --- themes --- */
ul#themes{
	margin: 8px 0 5px 0;
	padding: 3px 0 0 10px;
	height:1.8em;
	line-height: 1.8em;
	border-bottom:1px solid #646464;
}
#themes h1{
	margin: 0;
	float: left;
	padding-left: 25px;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #008fcc;
	background:url(images/pellicule.gif) 0 3px no-repeat;
	text-indent: 0;
}
#themes li, #ss_themes li{
	display: block;
	margin: 0 0 0 -1px;
	padding: 0 5px;
	float: left;
	font-weight: bold;
	font-size:1.1em;
	list-style-type: none;
	border-left: 1px solid #8a8685;
}
#themes li:first-child{
	border: none;
}
#themes a, #ss_themes a{
	font-size:0.9em;
	color: #8a8685;
}
/* --- sous-themes --- */
ul#ss_themes{
	margin: 0 0 5px 0;
	padding: 3px 0 0 10px;
	height: 1.1em;
	line-height: 1.1em;
}
#ss_themes li:first-child{
	border: none;
}


/* --- choix nb de photos par page --- */
form#phPage{
	float: right;
	margin: 13px 13px 0 0;
}
form#phPage select{
	color: #535252;
	height: 1.7em;
	font-size: 1em;
}
/* --- navigation entre les pages --- */
ul#navPage{
	float: right;
	margin: 30px 5px 30px 0;
	padding: 0;
	height: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
}
#navPage li{
	float: left;
	margin: 0 0 0 -1px;
	padding: 0 5px;
	list-style-type: none;
	border-left: 1px solid #555454;
}
#navPage li:first-child{
	border: none;
}
#navPage li a{
	color: #0188c3;
	text-decoration: underline;
}
#navPage form{
	margin: 0;
	width: 85px;
	line-height: 18px;
}
#navPage form input{
	margin: 0;
	float: right;
	height: 14px;
	width: 30px;
	font-size: 1em;
	border: 1px solid #babbbd;
}
#navPage #bouton{
	margin: 0;
	height: 18px;
	width: 20px;
	border: none;
}
/* ----- Pellicules privées ----- */
form#pellicule label {
	width: 80px;
}
form#pellicule #bouton{
	margin-top: 10px;
	width: 335px;
	height: 31px;
	border: none;
}


/* ------------------------------------------------------ */
/* 						PRESENTATION					  */
/* ------------------------------------------------------ */
img#pellicule{
	float: right;
	margin: 0 0 1em 0;
}
/* ----- Me ----- */
img#photos_moi{
	float: left;
	margin: 20px 20px 0 0;
}
p.presentation{
	margin: 1em 3em 0 0;
	text-align: justify;
}
p.presentationTop{
	margin: 300px 0 0 0;
	color:#ec7205;
}
/* ----- Services ----- */
img#photos_services{
	float: left;
	margin: 35px 0 0;
}
.services1, .services2, .services3{
	float:left;
	width:150px;
	margin-top:0;
}
.services1{margin-right:90px;margin-left:10px;}
.services2{margin-right:60px;}
.services1 span, .services2 span, .services3 span{
	font-weight:bold;
	color:#f39700;
	border-bottom:1px dotted #000;
}
/* ----- Liens ----- */
p.liens, p.liensTop{
	margin: 2em 30px 1em 140px;
	padding-bottom: 1em;
	border-bottom: 1px dotted #535252;
}
p.liensTop{
	margin-top: 50px;
}
p.liens a, p.liensTop a{
	color: #2e2c2c;
	/*text-decoration: none;*/
	font-weight: bold;
}
p.liens img, p.liensTop img{
	float: left;
	margin-right: 1em;
}
/* ----- Clients ----- */
.phCorpo{
	float: left;
	position: relative;
	margin: 10px 0;
}
.phCorpo a{
	padding: 16px 0 0 16px;
	display: block;
	width: 114px;
	height: 116px;
	background: #FFF url(images/photo_fondPres.gif) 0 0 no-repeat;
}
.phCorpo img{
	border: none;
}
/* ------------------------------------------------------ */
/* 							CONTACT						  */
/* ------------------------------------------------------ */
form#contact, form#pellicule{
	margin: 20px 0 0 140px;
}
form#contact p, form#pellicule p{
	margin:0;
}
form#contact label, form#pellicule label{
	margin: 0 10px 0 0;
	display: block;
	float: left;
	line-height: 1.3em;
	text-align: right;
}
form#contact label{
	width: 120px;
}
form#contact input, form#contact textarea, form#pellicule input{
	margin: 0 0 3px 0;
	width: 336px;
	height: 1.3em;
	font-size: 1em;
	color: #535252;
	border: 1px solid #bfbbba;
}
form#contact textarea{
	height: 10em;
	font: normal 1em Arial, Helvetica, sans-serif;
}
form#contact #bouton{
	margin-top: 10px;
	width: 336px;
	height: 32px;
	border: none;
}
#coordonnees{
	margin:0 0 0 170px;
}

/* ------------------------------------------------------ */
/* 							PANIER					 	  */
/* ------------------------------------------------------ */
.panier{
	margin: 10px 0 0 20px;
}
p.panier{
	clear:both;
	color:#4f4f4f;
	line-height:2em;
	font-weight:bold;
}
p.panier em{
	color:#979291;
	font-style:normal;
}
p.panier a{
	color:#4f4f4f;
}
/* ----- Formulaire ----- */
.panier img{
	float:left;
	margin-bottom:10px;
	border:none;
}
.panier input, .panier select{
	font-family: Arial, Helvetica, sans-serif;
	color: #535252;
	text-align:center;
	border:1px solid #b9b4b3;
}
.panier select{
	font-size:1em;
	width:5em;
	height:1.7em;
}
.panier input#btnAnnuler, .panier input#btnValiderModif, .paiementCheque input#btnAnnuler, .paiementCheque input#btnConfirmCheque{
	margin-bottom:10px;
	float:left;
	height:31px;
	border:none;
}
.panier input#btnAnnuler, .paiementCheque input#btnAnnuler{
	width:172px;
}
.panier input#btnValiderModif{
	width:201px;
}

/* ----- Tableau ----- */
table.panier { /* tableau lorsque le panier est vide */
	margin-top:20px;
	padding:5px;
}
.panier table, table.panier{ /* tableau lorsque le panier contient des produits */
	margin-bottom:15px;
	width:725px;
	border-collapse:collapse;
}
.panier td, .panier th{
	padding:1px 10px;
	border:2px solid #b9b4b3;
	text-align:center;
}
.panier .col1{
	width:380px;
	text-align:left;
}
.panier td.col1_total, .panier td.col1_total_payer{
	text-align:right;
}
.panier td.col1_total, .panier td.col_total_payer, .panier td.col1_total_payer{
	font-weight:bold;
}
.panier td.col1_total, .panier td.col_total, .panier td.col_total_payer, .panier td.col1_total_payer{
	background-color:#e3f4fd;
}
.panier td.col_total_payer, .panier td.col1_total_payer{
	font-size:1.3em;
}

/* ------------------------------------------------------ */
/* 						AUTHENTIFICATION			 	  */
/* ------------------------------------------------------ */
#ident_compte, #ident_nocompte, .change_adresse{
	float:left;
	margin:20px 0 15px 20px;
	padding:1px;
	width:50%;
	border:1px solid #b9b4b3;
}
#ident_nocompte{
	margin:20px 0 0 10px;
	width:40%;
}
#ident_compte label{
	float:left;
	margin:0 5px 1px 15px;
	width:10em;
	font-weight:bold;
	color:#767575;
}
#ident_compte input{
	height:1.2em;
	width:200px;
	font: 1em Arial, Helvetica, sans-serif;
	color:#767575;
	background-color: #eeedee;
}
#ident_compte #bouton{
	width:200px;
	height:31px;
}
#ident_compte #txt_erreur, #ident_nocompte p{
	margin:5px 0 5px 20px;
}
#ident_compte a, #ident_nocompte a{
	color:#5e5655;
}

/* ------------------------------------------------------ */
/* 							PAIEMENT				 	  */
/* ------------------------------------------------------ */
form.paiementCheque{
	margin:0 15px 0;
}
.paiementCheque input#btnConfirmCheque{
	width:248px;
}

p.paiement{
	margin:1em 0 1em 20px;
	/*color:#4f4f4f;*/
}
.paiement img{
	margin-top:1em;
	border:none;
}
form#logoPaypal{
	margin:0 auto;
	width:150px;
}

p.adresse{
	clear:both;
	margin:1em 0 0 10px;
	font-size:1.2em;
	font-weight:bold;
}

/* Changement d'adresse de livraison */
.change_adresse{
	clear:both;
	margin:5px 0 5px 15px;
	padding-left:20px;
}
.change_adresse p{
	margin:5px 0;
}
.change_adresse a{
	color: #008cc7;
	text-decoration:none;
}
.change_adresse a img, #AdLivraison{
	margin:0.7em 0 0 0;
	border:none;
}

/* fin d'achat */
.achatFin{
	margin:1em 0 0 20px;
}

/* ------------------------------------------------------ */
/* 							PROFIL					 	  */
/* ------------------------------------------------------ */
#titreImg{
	float: left;
	margin:20px 20px 10px 10px;
}
#accueilProfil{
	margin:20px 0 0 110px;
	padding-left:20px;
	background: #FFF url(images/points.gif) 0 0 repeat-y;
}
/* formulaire */
#modifProfil{
	float:left;
	margin:20px 10px 0 0;
}
#modifProfil p{
	margin:0 0 2px 0;
}
#modifProfil label{
	float:left;
	display:block;
	margin:0;
	width:150px;
	text-align:right;
}
#modifProfil em{
	font-size:1.2em;
	font-style:normal;
	font-weight:bold;
	color:#009ee0;
}
#modifProfil input, #modifProfil select{
	height:1.2em;
	width:335px;
	font:1em Arial, Helvetica, sans-serif;
	color:#535252;
}
#modifProfil select{
	height:1.5em;
}
#modifProfil #bouton{
	height:31px;
}
#modifProfil #txt_erreur{
	margin-left:150px;
}
/* formulaire du mot de passe */
#changePwd{
	margin:20px 0 0 515px;
	padding-left:20px;
	border-left:1px dotted #000;
}
#changePwd label{
	font-weight:bold;
	color:#000;
}
#changePwd a{
	color:#535252;
}
#changePwd input{
	height:1.2em;
	width:205px;
	font:1em Arial, Helvetica, sans-serif;
	color:#535252;
}
#changePwd #bouton{	
	height:31px;
}

/* ------------------------------------------------------ */
/* 					MENTIONS LEGALES					  */
/* ------------------------------------------------------ */
.mentions{
	margin:1em 1em 0 20px;
}