/* CSS Document */
/*---------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------partie commune à toutes les pages--------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------*/
.body{
	margin:0 auto;
	padding:0;
	background:#fff;
	font-size:1pt;
}
/*contenu*/
div#principale{
	margin: 0 auto;
	padding: 0;
	width:990px;
	height:768px;
	position:absolute;
	left:50%;
	margin-left:-495px;
}
/*liseret vert*/
div#htPage{
	background:url(../images/hautDePage.jpg) no-repeat 0 0;
	width:990px;
	height:9px;
	margin: 0 auto;
	padding: 0;
	font-size:1pt;
}
/*liseret violet avec mentions de bas de page*/
div#bsPage{
	margin: 0 auto;
	padding: 0;
	width:990px;
	left:0px;
	position:absolute;
	left:0px;
	top:800px;
}
div#imgBsPage{
	background:url(../images/basDePage.jpg) no-repeat 0 0;
	height:29px;
	clear:both;
}
div#lienBsPage{
	margin: 0 auto;
	padding: 0;
	float:right;
	background-color:#BD0F80;
	color:#FFFFFF;
	width:430px;
	height:20px !important;
	height:15px;
	padding-left:5px;
	padding-right:5px;
	padding-top:0px !important;
	padding-top:1px;
	margin-right:70px !important;
	margin-right:30px;
	text-align:center;
}
div#lienBsPage a{
	background:#bd0f80;
	font: 10pt "Trebuchet MS", Arial, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
/*styles appliqués dans le texte*/
h3{
	font : bold 12pt "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}
.motImp{
	font : bold 10pt "Trebuchet MS", Arial, sans-serif;
}
/*partie droite de la page*/
div#bandD{
	margin: 0;
	padding: 0;
	position:absolute;
	left:220px;
	top:0px;
	height:725px;
	width:770px;
}
/*partie gauche de la page*/
div#bandG{
	margin: 0;
	padding: 0;
	position:absolute;
	left:0px;
	top:0px;	
	height:759px;
	width:220px;
	font : 10pt "Trebuchet MS", Arial, sans-serif;
}
/*contenu variable*/
.contenuVar{
	margin: 0;
	padding: 0;
	font: 10pt "Trebuchet MS", Arial, sans-serif;
	position:absolute;
	left:0px;
	top:175px;
	padding-left:10px;
}
#contVarPA{
	top:179px;
}
a.lienInt{
	text-decoration:none;
	color:#bd0f80;
}
a.lienInt:hover{
	color:#F2C9E6;
}
/*voir à renommer ce style en titreVert*/
div#titreCon{
	font : bold 12pt "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	border-bottom-style: solid ; 
	border-color: #c0e110; 
	margin-top:10px;
	margin-bottom:10px;
	width:220px;
}
div#titreViolet{
	font : bold 12pt "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	border-bottom-style: solid ; 
	border-color: #bd0f80; 
	margin-top:10px;
	margin-bottom:10px;
	width:150px;
}
/*----------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------pages du site marchand-------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------*/
ul#logo{
	margin:0;
	padding:0;
	background:url(../images/logo.jpg) no-repeat 0 0;
	height : 144px;
	width:100px;
	list-style-type:none;
	position:absolute;
	left:60px;
	top:10px;
}
ul#logo li{
	position:absolute;
	left:0px;
	top:0px;
}
ul#logo li a{
	height:144px;
	width:100px;
	display:block;
	text-decoration:none;
}
/*texte bandeau gauche*/
div#textBandG{
	margin:0;
	padding:0;
	position:absolute;
	left:5px;
	top:175px;
}
/*bouton recherche*/
ul#recherche{
	margin: 0;
	padding: 0;
	margin-left:3%;
	background:url(../images/recherche.gif) no-repeat 0 0;
	height:30px;
	z-index:20;
}
ul#recherche li{
	float:left;
	z-index:20;
}
ul#recherche li a{
	height:30px;
	width:193px;
	display:block;
	text-decoration:none;
}
ul#recherche li a:hover{
	background:url(../images/recherche.gif) no-repeat 0 -30px;
}
/*boutons d'accès à l'espace artisan*/
ul#espArt{
	margin: 0;
	padding: 0;
	margin-left:3%;
	background:url(../images/espArt.gif) no-repeat 0 0;
	height:27px;
}
ul#espArt li{
	float:left;
}
ul#espArt li a{
	height:27px;
	width:193px;
	display:block;
	text-decoration:none;
}
ul#espArt li a:hover{
	background:url(../images/espArt.gif) no-repeat 0 -27px;
}
/*panier*/
ul#panier{
	margin: 0;
	padding: 0;
	position:absolute;
	margin-top:-1px;
	margin-left:540px;
	background:url(../images/panier.gif) no-repeat 0 0;
	height:34px;
}
ul#panier li{
	float:left;
}
ul#panier li a{
	height:34px;
	width:191px;
	display:block;
	text-decoration:none;
}
ul#panier li a:hover{
	background:url(../images/panier.gif) no-repeat 0 -34px;
}
/*menu*/
div#nous{
	position:absolute;
	left:0px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:194px;
	height:46px;
	font : bold 12pt "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	display : block;
	background-color : white;
}
div#rechercher{
	position:absolute;
	left:195px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:228px;
	height:38px;
	font : bold 12pt "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	display : block;
	background-color : white;

}
div#liste{
	width:195px;
	height:38px;
	font : bold 12pt "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	position:absolute;
	left:422px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display : block;
	background-color : white;

}

div#compte{
	width:170px;
	height:38px;
	font : bold 12pt "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	position:absolute;
	left: 607px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display : block;
	background-color : white;
}
div#nous .dt{
	width:160px;
	height:38px;
	padding-left:25px;
	background:url(../images/nous.jpg) no-repeat 0 0;
	border-bottom: #c0e110 6pt solid;
}
div#rechercher .dt{
	width:190px;
	height:38px;
	padding-left:28px;
	background:url(../images/rechercher.jpg) no-repeat 0 0;
	border-bottom: #bd0f80 6pt solid;
}
div#liste .dt{
	width:140px;
	height:38px;
	padding-left:37px;
	background:url(../images/liste.jpg) no-repeat 0 0;
	border-bottom: #c0e110 6pt solid;
}
div#compte .dt{
	width:115px;
	height:38px;
	padding-left:40px;
	background:url(../images/compte.jpg) no-repeat 0 0;
	border-bottom: #bd0f80 6pt solid;
}
.dt, .dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none; /*cache les puces des listes*/
}
div#menu {
	margin: 0;
	padding: 0;
	position:relative;
	top:95px;
	z-index:100;
	width:100%; /* correction pour Opera */
}
.dt {
	cursor: pointer;
}

div#nous .dd{
	display: none;
	width:185px;
	height:100%;
}
div#rechercher .dd {
	display: none;
	width:218px;	
	height:100%;
}
div#liste .dd {
	display: none;
	width:177px;
	height:100%;
}
div#compte .dd {
	display: none;
	width:155px;
	height:100%;
}
.dd#sMenuRechercher ul, .dd#sMenuCompte ul {
	background:#F3C0E1;
}
.dd#sMenuRechercher ul li, .dd#sMenuCompte ul li{
	background:#F3C0E1;
	font-size:1pt;
	padding-left:5px;
}
.dd#sMenuNous ul, .dd#sMenuListe ul {
	background:#E3EF8F;
}
.dd#sMenuNous ul li, .dd#sMenuListe ul li{
	background:#E3EF8F;
	font-size:1pt;
	padding-left:5px;
}


div#menu li a, .dt a {
	font : bold 10pt "Trebuchet MS", Arial, sans-serif;
	color: #6F6D6D;
	text-decoration: none;
	display: block;
}

div#menu li a:hover, #menu li a:focus, .dt a:hover, .dt a:focus {
	color:#000;
}
div#banniere{
	margin: 0;
	padding: 0;
	background:url('') no-repeat 0 0;
	height:172px;
	width:220px;
}

/*------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------- pages de la plateforme artisan------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------*/
ul#logoEspArt{
	background:url(../images/logoPA.jpg) no-repeat 0 0;
	margin:0;
	padding:0;
	height : 163px;
	width:112px;
	list-style-type:none;
	position:absolute;
	left:60px;
	top:10px;
}
ul#logoEspArt li{
	position:absolute;
	left:0px;
	top:0px;
}
ul#logoEspArt li a{
	height : 163px;
	width:112px;
	display:block;
	text-decoration:none;
}
/*texte bandeau gauche*/
div#textBandGPA{
	margin:0;
	padding:0;
	position:absolute;
	left:5px;
	top:175px;
}
/*bouton vers site marchand*/
ul#siteM{
	margin: 0;
	padding: 0;
	position:absolute;
	margin-top:-1px;
	margin-left:520px;
	background:url(../images/retourSiteM.jpg) no-repeat 0 0;
	height:30px;
}
ul#siteM li{
	float:left;
}
ul#siteM li a{
	height:30px;
	width:212px;
	display:block;
	text-decoration:none;
}
ul#siteM li a:hover{
	background:url(../images/retourSiteM.jpg) no-repeat 0 -30px;
}
/*menu*/
div#menuEspArt{
	margin: 0;
	padding: 0;
	position:relative;
	top:103px;
	z-index:100;
	width:100%; /* correction pour Opera */
}
ul#entKdo{
	position:absolute;
	left:0px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:190px;
	height:30px;
	border-bottom: #c0e110 6pt solid;
}
ul#entKdo li{
	position:absolute;
	left:0px;
}
ul#entKdo li a{
	width:190px;
	display:block;
	text-decoration:none;
	font : bold 12pt "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	color:#000000;
	text-align:center;
}
ul#candidature{
	position:absolute;
	left:200px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:210px;
	height:30px;
	border-bottom: #bd0f80 6pt solid;
}
ul#candidature li{
	position:absolute;
	left:0px;
}
ul#candidature li a{
	width:210px;
	display:block;
	text-decoration:none;
	font : bold 12pt "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	color:#000000;
	text-align:center;
}
ul#accesEsp{
	position:absolute;
	left:420px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:220px;
	height:30px;
	border-bottom: #c0e110 6pt solid;
}
ul#accesEsp li{
	position:absolute;
	left:0px;
}
ul#accesEsp li a{
	height:30px;
	width:220px;
	display:block;
	text-decoration:none;
	font : bold 12pt "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	color:#000000;
	text-align:center;
}
/*image bandeau gauche*/
div#imgBandGPA{
	margin: 0;
	padding: 0;
	background:url(../images/bandGPA.jpg) no-repeat 0 0;
	height:282px;
	width:220px;
}
/*---------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------validation de la norme XHTML-------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------*/
img#w3c{
	border:0px;
	height:31px;
	width:88px; 
}
/*----------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------autres------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------*/
p { font: 10pt "Trebuchet MS", Arial, sans-serif; }

img { border : 0px; }

form { margin : 0px; }

table{
	width:690px;
	border: #cfe45f 2pt dashed;
	margin-bottom:10px;
}
td{
	width:201px;
}

#laurent{
	background:url(../images/equipe/laurent.jpg) no-repeat 0 0;
	width:144px;
	height:137px;
}
#jessica{
	background:url(../images/equipe/jessica.jpg) no-repeat 0 0;
	width:144px;
	height:137px;
}
#elodie{
	background:url(../images/equipe/elodie.jpg) no-repeat 0 0;
	width:144px;
	height:137px;
}
#pierre{
	background:url(../images/equipe/pierre.jpg) no-repeat 0 0;
	width:144px;
	height:137px;
}
#philippe{
	background:url(../images/equipe/philippe.jpg) no-repeat 0 0;
	width:144px;
	height:137px;
}
#charlotte{
	background:url(../images/equipe/charlotte.jpg) no-repeat 0 0;
	width:144px;
	height:137px;
}
#sawssan{
	background:url(../images/equipe/sawssen.jpg) no-repeat 0 0;
	width:144px;
	height:137px;
}
#clement{
	background:url(../images/equipe/clement.jpg) no-repeat 0 0;
	width:144px;
	height:137px;
}
/*-------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------Page connexion------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------*/
#tabLog{
	width:100%;
	height:100px;
	margin:0;
	padding:0;
	border:0;
}
#tdLog1{
	width:42%;
	text-align:right;
}
#tdLog2{
	width:58%;
}
#encadre{
	width:690px;
	border: #bc0e80 2pt dashed;
	margin-left:30px;
	margin-top:30px;
	padding : 20px;
}
#encadre_a1{
	width:220px; height : 400px;
	border: #cccccc 2pt dashed;
	left:30px;
	top:45px;
	margin : 0;
	padding : 0;
	position:absolute;
	text-align : center;
}
#encadre_a2{
	width:220px; height : 400px;
	border: #cccccc 2pt dashed;
	left:270px;
	top:45px;
	margin : 0;
	padding : 0;
	position:absolute;
	text-align : center;
}
#encadre_a3{
	width:220px; height : 400px;
	border: #cccccc 2pt dashed;
	left:510px;
	top:45px;
	margin : 0;
	padding : 0;
	position:absolute;
	text-align : center;
}
#encadre_a4{
	width:660px; height : 50px;
	border: #cccccc 0pt dashed;
	left:30px;
	top:475px;
	margin : 0;
	padding : 0;
	position:absolute;
	text-align : left;
}
.encadre_acc { width : 190px; margin : 10px auto; }
.encadre_acc2 { margin : 10px auto; }
#btnForm{
	height:20px;
	text-align:center;
	margin-left:150px;
}
/*-------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------Page inscription---------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------*/
#tabIns{
	width:100%;
	border:0;
	margin:0;
	padding:0;
}
#tdIns1{
	width:16%;
	text-align:left;
}
#tdIns2{
	width:30%;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------Consultation d'une liste---------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------*/
#tdConList{
	width:20%;
	border:#FFFFFF 2px; 
	background-color:#CCCCCC; 
}
/*-------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------Profil------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------*/
#tabProfil{
	margin:0;
	padding:0;
	width:100%;
	border:0;
	height:50px;
}
#tdProfil{
	margin:0;
	padding:0;
	width:20%;
	height:50px;
	border:#FFFFFF 2px;
	background-color:#CCCCCC;
	text-align:center;
}
#tdProfil1{
	margin:0;
	padding:0;
	width:20%;
	height:50px;
	text-align:right;
}

/*---------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------Cote emballage----------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------*/
#blocTxt1{
	/*padding-left : 10px; */
}
#bloc2Img{
	float:left; 
	margin-top:10px; 
	/*margin-left:10px;*/
}
#bloc1{
	width:350px; 
}
#bloc2{
	margin:0;
	padding:0;
	float:right; 
	width:380px; 
	margin-top:-510px !important;
	margin-top:-500px;
}
#bloc1Img{
	float:left; 
	margin-right:10px;
}
#encadreBloc1{
	border:#cccccc 2pt dashed; 
	width:350px;
	float:left;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
}
#encadreBloc2{
	border:#cccccc 2pt dashed; 
	float:left; 
	padding:10px 10px 10px 10px;
}