@import url('positionnement.css');
@import url('header.css');
@import url('footer.css');
/*@import url('searchTab.css');*/
@import url('slide.css');
@import url('tableaux.css');
@import url('messages.css');
@import url('folio.css');
@import url('boutons.css');
@import url('mainPart.css');
@import url('rightPart.css');
@import url('HomePrincipale.css');
@import url('ShopPresentation.css');
@import url('jquery.ui.all.css');
			
/*  ------------------------------------------
/*  Default + Content
/*  ------------------------------------------
*/
* { margin:0; padding:0; }

html, body {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:.9em;
	color:#495359;
	background:none;
	text-align:center;
	margin:0;
	padding:0;
	line-height: 1.4em;
	height:100%;
}

html {
/*	background:#D7E0E9 url(../_Pictures/bgGeneral.jpg) repeat-x top center;*/
	background:#929eaa url(../_Pictures/bgGeneral.jpg) repeat-x top center;
	overflow: auto;
}

img { border:0; }
.imgBorder img { border: 3px solid #D6E0E8 !important; } /* bordure de 3 px */

hr 
{
    height: 1px;
    display:block;
    margin: 0;
    _margin: -7px 0; /* pour ie (marge) */
    padding: 0;
	color:#D4DBE5;
	background:#D4DBE5;
	border:0 none;
}
a {
	color:#6A9B28;
	cursor: pointer;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
p {
	margin:0;
	padding:0;
}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:200%;
	font-weight:normal;
	line-height:1.1em;
	color:#1e5d81;
	margin:0 0 10px 0;
	padding:0;
}
h3 {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:150%;
	font-weight:bold;
	line-height:1.1em;
	color:#59636C;
	margin:10px 0 0 0;
	padding:0;
}
h3.underline {
	border-bottom: solid 1px #D4DBE5;
}
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:160%;
	font-weight:normal;
	line-height:1.1em;
	color:#1e5d81;
	margin:10px 0;
	padding:0;
}
h5 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:100%;
	text-transform:uppercase;
	color:#515F6A;
	margin:0 0 15px 0;
	padding:0;
}

.profilNotificationBlock h5,
.editUser h5
{
	margin: 0px;
}

h6 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:90%;
	text-transform:uppercase;
	color:#515F6A;
	margin:0 0 15px 0;
	padding:0;
}

iframe
{
    overflow: auto;
}

/*  ------------------------------------------
/*  Autres
/*  ------------------------------------------
*/
.clearNone { clear:none; height:0px; font-size:1%; margin-top:-1px;overflow:hidden; }
.clear { clear:both; height:0px; overflow:hidden; margin-top:-1px; }
.clearLeft { clear:left; height:0px; font-size:1%; margin-top:-1px;overflow:hidden; }
.clearRight { clear:right; height:0px; font-size:1%; margin-top:-1px;overflow:hidden; }
.hide { display:none; }
.display { display:block; }
.border { margin:0 10px 0 0; padding:0px; }
.border img { border:3px solid #D6E0E8 !important; margin:0 10px 0 0; padding:0px; }
.border2 { margin:0px 0px 0px 0px; padding:0px; }
.border2 img { border:3px solid #D6E0E8 !important; margin:0px 0px 0px 0px; padding:0px; }
.border3 { border:3px solid white; margin:0 15px 5px 0; } 
.borderSimple { border:3px solid #D6E0E8; }
.legende { color:#808b92; font-size:0.9em; padding:2px; margin:0px; }
.txtPetit { font-size:.85em; }
.breakLeft { clear: left; height: 5px; font-size:1%; overflow:hidden; }
.breakRight { clear: right; height: 5px; font-size:1%; overflow:hidden; }
.breakBoth { clear: both; height: 5px; font-size:1%; overflow:hidden; }
.marginClearNone { clear: both; font-size:1%; overflow:hidden; margin-bottom:15px; }
.margin { clear: left; height: 15px; font-size:1%; overflow:hidden; }
.marginSmall { clear: left; height: 5px; font-size:1%; overflow:hidden; }
.marginMedium { clear: left; height: 10px; font-size:1%; overflow:hidden; }
.marginTop { margin-top:5px; }
.marginBottom { margin-bottom:5px; }
.marginRight { margin-right:5px; }
.marginLeft { margin-left:5px; }
.height5 { height:5px; line-height: 5px; }
.height10 { height:10px; line-height: 10px; }
.height15 { height:15px; line-height: 15px; }
.height20 { height:20px; line-height: 20px; }
.height25 { height:25px; line-height: 25px; }
.height30 { height:30px; line-height: 30px; }


/*  Alignement blocks et textes */
.none { float:none;}
.left { float:left;}
.left2 { float:left; margin-bottom:0;}
.right { float:right; }
.txtRight { text-align:right !important; }
.txtLeft { text-align:left; }
.txtCenter { text-align:center; }
.txtJustify { text-align:justify; }
.txtUpper { text-transform:uppercase; }
.italic { font-style:italic; }

.input {
	border:none;
	border:1px solid #b6bec5;
	font-size:12px;
	margin:0;
	padding:0;
	height:18px;
    overflow: hidden;
}
.select {
	border:1px solid #B6BEC5;
	font-size:12px;
	height:18px;
	margin:0;
	padding:0;
}

.textbox
{
	border:1px solid #b6bec5;
    font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size: 12px;
	margin:0;
	padding:2px;
    overflow: auto;
}

.avisForm .textbox
{
    min-height: 70px;
}

/*  ------------------------------------------
/*  Pictures
/*  ------------------------------------------
*/
.picture {
	border:3px solid #D6E0E8;
}
.pictureLeft {
	border:3px solid #D6E0E8;
	margin:0 22px 10px 0;
	float:left;
}
.pictureLeft2 {
	border:3px solid #D6E0E8;
	margin:0 10px 10px 0;
	float:left;
}
.pictureLeft3 {
	margin:0 20px 0 10px;
	float:left;
}
.pictureLeftEncadre {
	margin:0 20px 20px 0;
	float:left;
}
.pictureRight {
	border:3px solid #D6E0E8;
	margin:0 0 10px 16px;
	float:right;
}

/*  ------------------------------------------
/*  Block Recherche
/*  ------------------------------------------
*/
#search {
	float:right;
	width:190px;
	background:#6FB00C url(../_Pictures/blockSearch_top.gif) no-repeat top left;		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:8px 0 0 0;
}
#search_content {
	padding:0 9px 0 9px; 
	margin:0;
	height:74px;
}
#search_bottom {
	height:8px;
	background: url(../_Pictures/blockSearch_bottom.gif) no-repeat bottom; 	  
}
#search_content label {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:white;
	font-weight:bold;
	text-transform:uppercase;
	font-size:90%;
	padding:0 0 9px 0;
	margin:0;
	display:none;
}
#search_content li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:white;
	font-weight:bold;
	text-transform:uppercase;
	font-size:70%;
	padding:0 0 0 9px;
	margin:3px 0 0 0;
	list-style-type:none;
	background:url(../_Pictures/li.gif) no-repeat;
	background-position: 0 3px;
	list-style-position:outside;
	line-height:1.4em;
}
	
#search_content li a {
	color:white;
	text-decoration:none;
}
#search_content li a:hover {
	text-decoration:underline;
}
#search_content img {
	vertical-align:middle;
}
#search_content input {
	background:white 1px 1px;
	padding:1px 2px 2px 2px;
	border:none;
	border:1px solid #B6BEC5;
	width:137px;
	font-size:11px;
	margin:7px 0 0 -1px;
}

/*  ------------------------------------------
/*  infos
/*  ------------------------------------------
*/
.infos {
	/*width:620px;*/
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:0.8em;
	color:#495359;
/*	height:30px;*/
	margin:0;
	padding:0;
	line-height:1.2em;

}
.infos span, .subInfos span {
	text-transform:none;
}
.subInfos {
	clear:none;
	/*border-bottom:1px solid #D4DBE5;*/
	margin:0px 0 0 0;
	/*height:30px;*/
}

/*  infos Utilisateur */
.user {
	float:left;
	padding:5px 0;
	margin:0;
}
.subInfos .vote {
	float:left;
	padding:5px 0;
	margin:0;
}

/*  infos Commentaire + lecture + vote
/*  ------------------------------------------ */

/*  commentaire */
.commentaire {
	float:right;
	color:#7a8a97;
	font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	background:transparent url(../_Pictures/picto_commentaire.gif) no-repeat center left;
	background-position:0 8px;
	text-transform:uppercase;
	padding:5px 0 5px 3px;
	margin:0;
	height:19px;
	line-height:19px;
}

.commentaire a {
	color:#7a8a97;
	font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}

.subInfos .commentaire {
	background-position:0 1px;
	padding:0 0 5px 3px;
	font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	text-transform:uppercase;
}
.infos .commentaire div,
.subInfos .commentaire div {
	float:left;
	display:block;
	width:30px;
	color:white;
	font-weight:bold;
	text-align:center;
	padding:0;
	margin:0 0 0 -5px;
}
.subInfos .commentaire div {
	margin:-2px 0 0 -5px;
}


.subInfos .lecture {
	padding:0 0 5px 3px;
}

/*  Vote */
.infos .vote,
.subInfos .vote {
	float:left;
	color:#7a8a97;
	font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
/*	height:19px;*/
    height:auto;
    line-height: normal;
	margin:0;
	padding: 0 0 5px 0;
}
.infos .vote,
.subInfos .vote span {
	text-transform:uppercase;
}
.infos .vote,
.subInfos .vote span a {
	text-transform:none;
	margin:0 0px 0 0px;
}
.lecture,
.vote {
	float:right;
	color:#7a8a97;
	font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	text-transform:uppercase;
	padding:5px 0 5px 3px;
	margin:0 10px 0 0;
	height:19px;
	line-height:19px;
}
.vote {
	float:none;
	margin:0;
	padding:0;	
}
.vote img {
	vertical-align:text-bottom;
}
.user img {
	vertical-align:middle;
}

/*  ------------------------------------------
/*  Blocks sur 2 colonnes avec separation
/*  ------------------------------------------
*/
.separate {
	background:transparent url(../_Pictures/bgSeparate.jpg) repeat-y center;
	margin:0;
	padding:0;
	width:636px;
}

/*  ------------------------------------------
/*  En savoir plus
/*  ------------------------------------------
*/

.avis div.plus {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:right;
	margin:0;
	padding:0 0 5px 0;
	float:right;
	width:100%;
	border-bottom:1px solid #D4DBE5;
}
.avis div.plus ul {
	float:right;
}
.avis div.plus li  {
	float:left;
	list-style:none;
	text-transform:uppercase;
	padding:0 8px;
	margin:0;
	background:url(../_Pictures/pipe.jpg) right no-repeat;
}
.avis div.plus li.noPipe { 
	background:none; 
}

/*  ------------------------------------------
/*  Block Pub
/*  ------------------------------------------
*/
#blockPub{
	margin: 0;
	padding: 10px 0px 0px 0px;
	background:#D9E2E9 url(../_Pictures/pubRightLabel.gif) no-repeat top center;
}

#pubHome {
    float:left;
    margin:20px 0 0 9px;
    padding:10px 0 0;
	background:#D9E2E9 url(../_Pictures/pubRightLabel.gif) no-repeat top center;
}


/*  ------------------------------------------
/*  Encart Pub Home
/*  ------------------------------------------
*/
#pub {
	margin:0 0 0 -10px;
	padding:0 0 0 10px;
	background:#D9E2E9 url(../_Pictures/pubLabel.gif) no-repeat top left;
	width: 728px;
	height: 90px;
}

/*  ------------------------------------------
/*  Block de recherche2
/*  ------------------------------------------
*/
.search2 {
	background:#D9E2E9 url(../_Pictures/pictoSearch2.gif) left no-repeat;
	background-position:7px 7px;
	padding:0;
	margin:0 0 11px 0;
}
.search2 .content {
	padding:7px 7px 7px 43px;
}
.search2 .content img {
	vertical-align:middle;
}	
.search2 select,
.search2 input {
	border:none;
	border:1px solid #b6bec5;
	font-size:11px;
	margin:0 2px;
	padding:0;
	height:18px;
	
}

/*  ------------------------------------------
/*  Coins arrondis
/*  ------------------------------------------
*/
/*  propriétés communes à l'ensemble des 4 coins  */ 

/*.topLeft, .topRight, .bottomLeft, .bottomRight,
.topLeft2, .topRight2, .bottomLeft2, .bottomRight2,
.topLeft3, .topRight3, .bottomLeft3, .bottomRight3,
.topLeft4, .topRight4, .bottomLeft4, .bottomRight4,
.topLeftQuizz, .topRightQuizz, .bottomLeftQuizz, .bottomRightQuizz,
.bottomLeftWrapper, .bottomRightWrapper,
.topLeftMessage, .topRightMessage, .bottomLeftMessage, .bottomRightMessage,
.topLeftWarning, .topRightWarning, .bottomLeftWarning, .bottomRightWarning,
.topLeftTitle, .topRightTitle, .bottomLeftTitle, .bottomRightTitle,
.topLeftSearch2, .topRightSearch2, .bottomLeftSearch2, .bottomRightSearch2  { 
	height:7px; 
	width:7px; 
	background-repeat:no-repeat; 
	margin:0;
	padding:0;
	font-size:1px;	
}
.topLeft3, .topRight3,
.bottomRight3, .bottomLeft3 { 
	height:4px; 
	width:4px; 
	background-repeat:no-repeat; 
	margin:0;
	padding:0;
	font-size:1px;
}*/

/*  ------------------------------------------
/*  rounded corner Search2
/*  ------------------------------------------
*/
.topLeftSearch2 {
	float:left;
	background:url(../_Pictures/cornerTopLeft_search2.gif) no-repeat;
}
.topRightSearch2  {
	float:right;
	background:url(../_Pictures/cornerTopRight_search2.gif) no-repeat;
}
.bottomLeftSearch2  {
	float:left;
	background:url(../_Pictures/cornerBottomLeft_search2.gif) no-repeat;
	margin:-7px 0 0 0;
}
.bottomRightSearch2  {
	float:right;
	background:url(../_Pictures/cornerBottomRight_search2.gif) no-repeat;
	margin:-7px 0 0 0;
}

/*  ------------------------------------------
/*  Block Encadre
/*  ------------------------------------------
*/
.encadre {
	border:1px solid #d4dbe5;
	background:white;
	padding:5px 10px;
	font-size:.85em;
	color:#808b92;
	line-height:normal;
	margin:17px 0 0 0;
}

/*  ------------------------------------------
/*  Quotations
/*  ------------------------------------------
*/
div#wrapper {
	width:95%; 
	margin:20px auto;
}
blockquote 
{
	padding:0 20px 0 20px;
	font-weight: bold;
	background: transparent url(../_Pictures/quote_up.gif) left top no-repeat;
}
blockquote p {
    min-height: 18px;
	padding:0 30px;
  	font-size:1em;
	background:transparent url(../_Pictures/quote_down.gif) 97% 100% no-repeat;
}

/* 
** affiche la fleche a coté (>)
*/
.fleche {
	font-size:10px;
	font-weight:bold;
	background:url(../_Pictures/puceFleche.gif) no-repeat;
	background-position:0 1px;
	padding-left:13px;
}

/* -------------------------------------------
/* Avatar
/* -------------------------------------------
*/
p.avatar {
	height:99px;
	width:99px;
	display:block;
	margin:0 15px 0 0;
	background:white;
}
.avatar img {
	max-height:99px;
	max-width:99px;
	display:block;
	margin:0 auto;
	border:3px solid #D6E0E8; 
}


/*  ------------------------------------------
/*  Block de recherche Vitrine
/*  ------------------------------------------
*/
.searchVitrine {
	background:#D9E2E9;
	background-position:7px 7px;
	padding:0;
	margin:0 0 11px 0;
}
.searchVitrine .content {
	padding:12px;
}
.searchVitrine .content img {
	vertical-align:middle;
}	
.searchVitrine .content label  {
	padding:0;
	margin:0 0 20px 0;
}
.searchVitrine select,
.searchVitrine input {
	border:none;
	border:1px solid #b6bec5;
	font-size:11px;
	margin:0 2px;
	padding:0;
	height:18px;
}
.searchVitrine .bouton2 {
	font-size:90%;
}


/* -------------------------------------------
/* Formulaire vitrine Pro
/* -------------------------------------------
*/
.vitrineProForm label {
	float:left;
	width:23%;
	text-align:right;
	margin:0;
	padding:0 1em 0 0;
	line-height: 1.8em;
	font-weight:bold;
}
.vitrineProForm p {
	margin:0 0 10px 0;
	padding:0;
}


/*
** Popup (configuration appelé dans la master)
*/
.CommonModalMask
{
	opacity: .4;	/* CSS3  */
	filter: alpha(opacity=40);	/* ie  */
	-moz-opacity:0.4;
	-khtml-opacity:.6; /* Opera  */
	background-color: #111;
}

.CommonModal
{
    z-index: 1;
	padding: 0 7px;
}

.CommonModal1, .CommonModal2, .CommonModal3, .CommonModal4, .CommonModal5 
{ 
	background-color: white;
	background-position: left -20px;
	border-left: solid 1px white;
	border-right: solid 1px white;
}

.CommonModal1 {	margin: 0 -2px;	padding: 0; border-top: solid 1px white; border-bottom: solid 1px white; border-left-width: 0px; border-right-width: 0px; }
.CommonModal2 { margin: 0 -2px; padding: 1px 0; border-left-width: 2px; border-right-width: 2px; }
.CommonModal3 { margin: 0 -3px; padding: 1px 0; }
.CommonModal4 { margin: 0 -2px; padding: 2px 0; }
.CommonModal5 { margin: 0 -2px; padding: 1px 0; }

.CommonModalTitle1, .CommonModalTitle2, .CommonModalTitle3, .CommonModalTitle4, .CommonModalTitle5 
{ 
	background-color: #d9e2e9;
	background-position: left -20px;
	border-left: solid 1px #d9e2e9;
	border-right: solid 1px #d9e2e9;
} 
.CommonModalTitle1 {	margin: 0 -2px;	padding: 0; border-top: solid 1px #d9e2e9; border-bottom: solid 1px #d9e2e9; border-left-width: 0px; border-right-width: 0px; }
.CommonModalTitle2 { margin: 0 -2px; padding: 1px 0; border-left-width: 2px; border-right-width: 2px; }
.CommonModalTitle3 { margin: 0 -3px; padding: 1px 0; }
.CommonModalTitle4 { margin: 0 -2px; padding: 2px 0; }
.CommonModalTitle5 { margin: 0 -2px; padding: 1px 0; }

.CommonModalTitle
{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	border-bottom: solid 1px white;
	padding: 2px 13px 0px 13px;
	font-size: 100%;
	font-weight: bold;
	cursor: move;
	min-height: 16px;
	color:#515F6A;
	text-align:left;
	text-transform:uppercase;
}

.CommonModalTitle span
{
    padding-left: 15px;
}

.CommonModalContent
{
	background-color: #fff;
}

.CommonModalFooter
{
	border-top: solid 1px white;
	width: 100%;
	height: 0px;
}

.CommonModalClose
{
	width: 11px;
	height: 10px;
	background-image: url(../_Pictures/close.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	right: 18px;
	top: 18px;
}

.CommonModalResize
{
    display: none;
	width: 14px;
	height: 14px;
	background-image: url(../_Pictures/resize.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	right: 6px;
	margin-top: 4px;
	cursor: se-resize;
}

/* fixe la largeur pour les condition générale de vente */
.CGV
{
    width: 366px;
}

#ErrorContainer ul
{
    margin-left: 15px;
}