/* ####################################################################### */
/* ########  Feuille de style d�finisant l'affichage par defaut  ######### */
/* ####################################################################### */

body {
	margin: 0;
	font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #8ea7aa url('../images/fond_tableau3.jpg') no-repeat fixed;
}
#trame {
	position: absolute;
	width: 100%;
	height: 127px;
	z-index: 1;
	background: url('../images/trame.png') repeat-x;
}
#trame_droite {
	position: absolute;
	right: 0;
	height: 100%;
	z-index: 2;
	background: url('../images/trame.png') repeat-x;
}
#conteneur {
	position: absolute;
	width: 1024px;
	left: 0;
	z-index: 5;
	top: 0;	
}

img {	
	border: none;
}

a {
	font-size: 8pt;
	color: #24807d;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0;
	padding: 0;
	margin-top: 10px;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
}
hr {
	padding: 0;
	margin: 0;
	margin-top: 10px;
	border: 0;
	background-color: #8e8e8e;
	height: 1px;
	color: #8e8e8e;
}
form {
	padding: 0;
	margin: 0;
}
#conteneur hr {
	color: #8e8e8e;
}
/* ####################################################################### */
/* ENTETE */

#entete h1 {
	position: absolute;
	background: url(../images/entete.png) no-repeat;
	margin: 0;
	width: 322px;
	height: 270px;
	z-index: 3;
}

#entete h1 span {
	display: none;
}
#entete #coordonnees {
	position: relative;
	width: 130px;
	top: 275px;
	text-align: center;
	font-size: 8pt;
	color: #868788;
}
/* ####################################################################### */
/* Coté */

#cote {
	position: absolute;
	background: url(../images/fond_cote.gif) repeat-y;
	margin: 0;
	top: 336px;
	width: 138px;
	z-index: 10;
}
#cote #haut {
	background: url(../images/haut_cote.gif) no-repeat;
	margin: 0;
	width: 138px;
	height: 13px;
}
#cote #haut span {
	display: none;
}
#cote hr {
	padding: 0;
	margin: 0;
	color: #8e8e8e;
}
#cote ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100px;
	margin-left: 15px;
}
#cote li {
	margin: 5px 0 0 0;
	padding: 0;
}
#cote .titre_cote {
	font-size: 9pt;
	color: #868788;
	font-weight: bold;
}
#cote #titre_panier span{
	position: relative;
	left: 30px;
}
#cote .contenu_cote {
	margin: 5px 0 10px 0;
}
#cote #panier {
	position: relative;
	height: 23px;
	top: -15px;
	background: url(../images/panier.gif) top left no-repeat;
}
#cote #panier span {
	position: relative;
	left: 30px;
	top: 12px;
}
#cote .champ {
	width: 100px;
	height: 16px;
	font-size: 9px;
	border: 1px solid #868788;
}
#cote .bouton {
	position: relative;
	float: right;
	right: -14px;
}
#cote form {
	margin-bottom: 10px;
}
#cote[id] form {
	padding-bottom: 10px;
}
#pied {
	position: absolute;
	width: 130px;	
	color: #868788;
	bottom: 0;
}
#pied p {
	text-align: center;
}
#pied a {
	display: block;
	width: 128px;
	font-size: 8pt;
	font-size: bold;
	text-align: center;
	color: #868788;
	text-decoration: none;
}
#pied a:hover {
	text-decoration: underline;
}
/* FIN Coté */
/* ####################################################################### */

/* ####################################################################### */
/* MOTEUR */

#moteurRecherche {
	position: relative;
	float: right;
	width: 168px;
	height: 104px;
	background: url('../images/fond_recherche2.png') no-repeat;
}
#moteurRecherche ul {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	*/top: -11px;
	margin-left: 30px;	
}
#moteurRecherche li {
	position: relative;
	float: left;	
	margin-bottom: 2px;
}
#moteurRecherche select {
	width: 100px;
	height: 16px;
	font-size: 9pt;
}
#moteurRecherche p input {
	position: relative;
	float: right;
	margin: 0;
	margin-right: 11px;
	top: 0px;
	*/top: -10px;
}

label {

}

/* FIN MOTEUR */
/* ####################################################################### */

/* ####################################################################### */
/* CORPS */

/* MENU */

#menu { /* DIV menu */
	float: left;
	padding: 0;	
}
#menu_principal {
	position: relative;
	list-style: none;
	height: 58px;
	width: 470px;
	left: 350px;
	top: 32px;
	background: url('../images/fond_menu2.png') bottom right no-repeat;
}
#menu_principal li {
	position: relative;
	float: left;
	top: 10px;
	left: 15px;
	width: 106px;
	height: 43px;
	text-align: right;
}
#menu_principal li a {
	width: 100px;
	height: 43px;
	display: block;
	margin-right: 6px;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#menu_principal li a:hover {
	color: #8e8e8e;
}
#graphisme {
	background: url('../images/graphisme.gif') no-repeat;
}
#peinture {
	background: url('../images/peinture.gif') no-repeat;
}
#gravure {
	background: url('../images/dessin.gif') no-repeat;
}
#galeries {
	background: url('../images/contact.gif') no-repeat;
}
.sous_menu {
	position: relative;
	float: left;
	list-style: none;
	height: 18px;
	left: 250px;
	margin-top: 50px;	
}
.sous_menu li {
	float: left;	
	height: 18px;
	text-align: center;	
}
.sous_menu li span {
	margin: 0 9px 0 9px;
}
#sous_menu1 li {
	background: url('../images/fond_sousmenuV.png') repeat-x;
}
#sous_menu1 li:hover {
	background: url('../images/sousmenuF_hoverV.png') repeat-x;
}
#sous_menu2 li {
	background: url('../images/fond_sousmenuR.png') repeat-x;
}
#sous_menu2 li:hover {
	background: url('../images/sousmenuF_hoverV.png') repeat-x;	
}
.sous_menu .gauche , .sous_menu .droite {
	width: 15px;
}
#sous_menu1 .gauche {
	background: url('../images/g_sousmenuV.png') no-repeat;
}
#sous_menu1 .droite {
	background: url('../images/d_sousmenuV.png') repeat-x;
}
#sous_menu2 .gauche {
	background: url('../images/g_sousmenuR.png') no-repeat;
}
#sous_menu2 .droite {
	background: url('../images/d_sousmenuR.png') repeat-x;
}
#sMenuHover span {
	position: relative;
	display: block;
	margin: 0;
	font-size: 8pt;
	margin: 3px 9px 0 9px;	
	font-weight: bold;
	color: #cccccc;
}
.sous_menu li a {
	position: relative;
	display: block;
	margin-top: 3px;
	text-decoration: none;	
	font-weight: bold;
}
#sous_menu1 a {
	color: #e1fed7;
}
#sous_menu2 a {
	color: #f4bdbc;
}
#sous_menu1 a:hover {
	color: #cccccc;
}
#sous_menu2 a:hover {
	color: #cccccc;
}
#sous_menu3 a:hover {
	color: #cccccc;
}
#sous_menu4 a:hover {
	color: #cccccc;
}
/* CORPS */
#corps {
	position: relative;
	float: left;
	margin-left: 160px;
	width: 840px;
}

.titrePrincipal {
	margin-top: 9px;
	margin-left: 30px;	
	font-size: 10pt;
	font-weight: bold;
	color: #868788;
}

.descriptif {
	margin: 10px 0 0 0;
	font-weight: bold;
}

.texte {
	font-size: 9pt;	 
	color: #8e8e8e;
}
.texteEncart div {
	font-size: 9pt;	 
	color: #8e8e8e;
}
.texteR {
	font-size: 9pt;	 
	font-weight: bold;
	color: #fc3d32;
}
.texteB {
	font-size: 9pt;	 
	font-weight: bold;
	color: #24807d;
}
.lien {
	position: relative;
	float: left;
	text-align: left;
	width: 500px;
	margin: 5px 0 5px 25px;
}
hr {
	color: black;
}

#piedCorps {
	
}

/* Encart */

.contenuEncart {
	margin-top: 10px;
	width: 635px;	
}
.titreEncart {
	position: relative;
	width: 635px;
	height: 49px;
	margin: 0;
	padding: 0;		
	background: url('../images/encart_titre.png') no-repeat;
}
.titreEncart span {
	position: relative;
	top: 24px;
	margin-left: 40px;	
	font-size: 10pt;
	font-weight: bold;
	color: #868788;	
}
.contenuEncart .contenu {	
	width: 635px;
	background: url('../images/encart_fond.png') repeat-y;
	
}
.sousTitreEncart {
	position: relative;
	padding: 0;
	color: #e31f26;
	font-size: 12px;
	margin: 0;
	margin-left: 30px;
	margin-bottom: 20px;
	top: 10px;
	width: 575px;
}
.texteEncart {
	position: relative;
	margin-left: 40px;
	width: 550px;
	text-align: justify;
}
.texteEncart .photo {
	position: relative;
	float: left;
	border-top: 1px solid #8e8e8e;
	border-bottom: 1px solid #8e8e8e;
	margin-bottom: 10px;
	width: 100%;
	background-color: #FFFFFF;
	text-align: center;
}
.texteEncart .photo img {
	margin: 5px;
}
.photo ul {
	list-style: none;
}
.photo ul li {
	position: relative;
	float: left;
	width: 305px;
}
.photo ul .photo_unique {
	width: 100%;
}
.photo ul .vignette {
	position: relative;
	float: left;
	border: 1px solid #868788;
	width: 100px;
	height: 70px;
	margin-top: 15px;
	margin-right: 15px;
}
.photo ul .vignette a {
	display: block;
	width: 100px;
	height: 70px;
	opacity: 0.5;
	filter : alpha(opacity=50);
}
.photo ul .vignette a:hover {
	opacity: 1;
	filter : alpha(opacity=100);
}
.photo ul .vignette div {
	width: 100px;
	height: 70px;	
}
.piedContenuEncart {
	background: url('../images/encart_pied.png') repeat-y;
	width: 635px;
	height: 33px;
	margin: 0;
}

.resEncart {
	position: relative;
	float: right;
	top: 45px;
	width: 195px;	
}
.titreResEncart {
	position: relative;
	width: 195px;
	height: 46px;
	margin: 0;
	padding: 0;		
	background: url('../images/res_titre.png') no-repeat;
}
.titreResEncart span {
	position: relative;	
	margin-left: 30px;
	top: 19px;	
	font-size: 10pt;
	font-weight: bold;
	color: #868788;	
}
#gallery {
	position: relative;		
	width: 195px;
	background: url('../images/res_fond.png') repeat-y;	
}
#diapo {
	position: absolute;	
	width: 163px;
	margin-left: 15px;
}
#gallery ul {
	list-style: none;
	margin-left: 30px;
}
#gallery li {
	text-align: center;
	font-size: 8pt;
	width: 100px;
	margin-bottom: 5px;
}
#gallery .image {
	border: 1px solid #868788;
	margin-bottom: 0;
}
#gallery .image a {
	display: block;
	width: 100px;
	height: 70px;
	opacity: 0.5;
	filter : alpha(opacity=50);	
}
#gallery .image div {
	width: 100px;
	height: 70px;	
}
#gallery .image a:hover {
	opacity: 1;
	filter : alpha(opacity=100);	
}
#gallery a {
	color: #868788;
	text-decoration: none;
}
#gallery a:hover {
	text-decoration: underline;
}
.comments {
	position: relative;
	background-color: #FFFFFF;
	width: 550px;
	padding-bottom: 10px;
}
.commentaire {
	width: 90%;
	margin-left: 25px;
	padding-top: 10px;
}
.comments p{
	width: 100%;
}
.comments ul {
	list-style: none;
	width: 90%;
	margin-left: 25px;
	padding-top: 10px;
}
.comments li {
	margin-top: 5px;
}
.champ {
	width: 100%;
	height: 20px;
	border: 1px solid #868788;
}
.comments textarea {
	width: 100%;
	height: 200px;
}
.piedResEncart {
	background: url('../images/res_pied.png') repeat-y;
	width: 195px;
	height: 37px;
	margin: 0;
}
/* CONTACT */
.form_contact {
	list-style: none;
}
.form_contact li {
	width: 300px;
}
.form_contact textarea {
	height: 200px;
	overflow: auto;
}
#contact[id] {
	background: url('../images/contact.jpg') right 13px no-repeat;
}
#contact {
	background: url('../images/contact.jpg') right 0.7cm no-repeat;
}
/* PANIER */
.panier {
	position: relative;
	list-style: none;
	width: 550px;
	height: 50px;
	margin: 0 0 15px 0;
}
.panier li {
	position: relative;
	float: left;
	height: 50px;
	text-align: center;
}
.panier .panier_photo {
	width: 80px;
}
.panier .panier_titre {
	text-align: center;
	padding: 0 15px 0 5px;
	width: 230px;
}
.panier .panier_titre span {
	position: relative;
	top: 3px;
}
.panier .panier_prix {
	text-align: center;
	width: 100px;
	padding: 0 15px 0 15px;
}
.panier .panier_prix span {
	position: relative;
	top: 16px;
}
.panier .panier_suppr {
	position: relative;
	float: right;
	padding: 0 15px 0 15px;
}
.panier .panier_suppr span {
	position: relative;
	top: 15px;
}
.total {
	position: relative;
	list-style: none;
	width: 450px;
	height: 50px;
	margin: 10px 0 0 80px;
}
.total li {
	position: relative;
	float: left;
	height: 50px;
	text-align: center;
}
.total .panier_titre {
	text-align: center;
	padding: 0 15px 0 5px;
	width: 230px;
	
}
.total .panier_total {
	text-align: center;
	padding: 0 15px 0 15px;
	width: 100px;	
}
#acheter {
	width: 550px;
	background-color: #24807D;
	margin: 10px 0 0 0;
	height: 15px;
}
#acheter a {
	float: right;
	color: #FFFFFF;
	padding: 0 15px 0 15px;
	width: 58px;
	text-align: center;
}

#login {
	position: relative;
	width: 240px;	
	border-right:1px dashed #6A6A6A;
	top: 15px;
	padding: 5px 15px 0 5px;
}
#login li {
	position: relative;
	width: 100%;
	height: 22px;
}
#login .champ {
	position: relative;
	width: 130px;
	float: right;
	top: -16px;
	height: 20px;
}
#login a {
	position: relative;
	float: right;
}
#envoi {
	position: relative;
	top: 7px;
	height: 14px;
}
.valid {
	width: 158px;
	height: 14px;
	position: absolute;
	right: 0;
}
/* FIN CORPS */
/* ####################################################################### */

/* ####################################################################### */
/* PIED */



/* FIN PIED */
/* ####################################################################### */
.entete_emploi {
	position: relative;
	padding-bottom: 30px;	
	z-index: 10;
}
#tri_emploi {
	position: relative;
	
	float: right;
	margin: 0;
	padding: 0;	
	list-style:none;
}
#tri_emploi li {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	height: 30px;
	background: #e31f26;
	font-size: 12px;
	color: white;
	font-weight: bold;
	float: left;
}
#tri_emploi li span {
	position: relative;
	top: 3px;
}
#tri_emploi li span.titre {
	position: relative;
	top: 5px;
}
#tri_emploi li#gauche {
	padding: 0;
	background: url('../images/barre_gauche.gif') no-repeat;
	width: 15px;
}
#tri_emploi li#droite {
	padding: 0;
	background: url('../images/barre_droite.gif') no-repeat;
	width: 15px;
}
.detail_annonce {
	position: relative;
	height: 250 px;
}
#contactAnnonce {
	padding: 10 0px 10 0px;
	font-size: 9px;
}
.formulaire {	
	position: relative;
	height: 930px;
	width: 100%;
	background: #FDFFE8 url(../images/emploi_fond_form.gif) repeat-y;
}
.formulaire2 {	
	position: relative;
	height: 600px;
	width: 100%;
	background: #FDFFE8 url(../images/emploi_fond_form.gif) repeat-y;
}
.formulaire3 {	
	position: relative;
	height: 350px;
	width: 100%;
	background: #FDFFE8 url(../images/emploi_fond_form.gif) repeat-y;
}
.formulaire4 {	
	position: relative;
	height: 440px;
	width: 100%;
	background: #FDFFE8 url(../images/emploi_fond_form.gif) repeat-y;
}
.entete_form {
	height: 17px;
	background: url(../images/emploi_haut_form.gif) no-repeat;
	margin-bottom: 20px;
}
.titre_form {
	position: relative;
	left: 61px;
	bottom: 0;
	background: #e31f26 url(../images/emploi_titre.gif) right top no-repeat;
	padding: 0;
	height: 17px;
	width : 190px;
	color: white;
	font-weight: bold;
}
.titre_form span {
	padding-left: 10px;
}
.formEmploi{	
	padding: 0;
	margin: 0;
}
ul.form {
	position: relative;
	float: right;
	margin: 0;
	padding: 0;	
	right: 50px;
	width: 472px;
	list-style:none;
}
ul.form li {	
	position: relative;
	float: left;
	left: 20px;
	height: 50px;
	width: 50%;
}

ul.form li.files {
	width: 100%;
}
ul.form li span {	
	color : #E31F26;
	font-weight:bold;
}
ul.form li.champ_texte {
	width: 100%;
	height: 175px;
}
ul.form input.champ1 {
	width : 220px;
}
ul.form input.champ1bis {
	width : 100%;
}
ul.form input.champ2 {
	width : 472px;
}
ul.form textarea {
	position: relative;
	width : 472px;
	height: 150px;
	overflow: auto;
}
#pied_form {	
	position: absolute;	
	bottom: 0;
	width: 600px;
	margin-top: 15px;
	background: url(../images/emploi_pied_form.gif) no-repeat;
	padding: 0;
	height: 19px;
}
.aligneCentre {
	position: relative;
	float: left;
	left: 130px;
	width: 300px;
	bottom: 3px;
}
.champAnnuleMini {
	position: relative;
	float: left;
	left: 100px;
	bottom: 3px;
}
.champSubmitMini {
	position: relative;
	float: right;
	right: 20px;
	bottom: 3px;
}
/* ####################################################################### */
/* #############################   Classes   ############################# */
/* ####################################################################### */

/* Info, permet d'ajouter un bloc rouge en fin d'article fer� a droite */
.info {
	position: relative;		
	float: right;
	bottom: 0;
	margin-top: -17px;
	background: #e31f26 url(../images/fond_info.gif) right top no-repeat;
	padding: 0 15px 0 10px;
	height: 17px;
	color: white;
}
.info a {	
	color: #FFFFFF;
	font-size: 9px;
	font-weight:bold;
	text-decoration: none;
}
.info a:hover {
	text-decoration: underline;
}