body {
	background-color:#005487;
}

#principal {
	height:100%;
	margin:0 auto;
	text-align:left;
	width:975px;
	background-color:#FFFFFF;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:normal;
	font-weight:normal;
	color:#000000;
}

#header {
	height:229px;
	width:975px;
	background-image:url(../_img/fond_header.jpg);
	background-repeat:no-repeat;
	background-position:center 28px;
}

DIV#language{
position:absolute;
/* height:20px;  */
/* width:130px; */
text-align:left;
bottom:0; left:0;
/* right:410px; */
}
A.langue_active{
color:#fff !important;
text-decoration:underline !important;
font-weight:bold !important;
margin-right:5px !important;
}
A.langue_passive{
color:#fff !important;
font-weight:normal !important;
}
A.langue_passive:hover {
	text-decoration:underline !important;
}

DIV#language > span {
	display:inline-block;
	float:left;
	margin-right:3px;
}

/* Drapeaux */
.flag {
	display:inline-block;
	float:left;
	margin:5px 3px 0 0;
	width:22px; height:14px;
	background-image:url(../_img/sprite-flags.png);
	background-repeat:no-repeat;
}

	/* Drapeau FR */
	.flag-fr:link, .flag-fr:visited { background-position:0 0; }
	.flag-fr:hover, .flag-fr:focus, .flag-fr:active { background-position:0 -19px; }

	/* Drapeau UK */
	.flag-uk:link, .flag-uk:visited { background-position:-27px 0; }
	.flag-uk:hover, .flag-uk:focus, .flag-uk:active { background-position:-27px -19px; }

#espaceClient {
	position:relative;
	text-align:right;
	padding-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:30px;
	line-height:20px;
	font-weight:normal;
	color:#FFFFFF;
	background-color:#005487;
}
#espaceClient #headline {
	position:absolute;
	top:-7px; left:0;
	width:970px;
	font-size:10px;
	text-align:center;	
}
#espaceClient #headline,
#espaceClient #headline a { color:#8dcbd9; }

#header-links {
	position:absolute;
	right:0; bottom:0;
}

#espaceClient a, #espaceClient a:link, #espaceClient a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
#espaceClient a:hover, #espaceClient a:active{
	color:#FFDD00;
	text-decoration:none;
}

#animFlash {
	height:130px;
	text-align:left;
	overflow:hidden;
}
	#animFlash > a {
		display:block;
		width:242px; height:107px;
	}

#menu {
	height:38px;
	padding-top:9px;
	padding-left:15px;
	z-index: 400;
}

#menuGauche {
	padding-top:0px;
	padding-right:0px;
	padding-bottom:10px;
	padding-left:5px;
}
#produits_vus {
	padding-top:5px;
	padding-right:0px;
	padding-bottom:10px;
	padding-left:5px;
}
.sticker {
	padding-top:5px;
	padding-right:0px;
	padding-bottom:5px;
	padding-left:5px;
}

#content {
	float:left;
	width:620px;
	height:auto;
	overflow:hidden;
	position:relative;
}
#content.largeContent {
	width:796px;
}

#edito {
	margin-top:10px;
	padding:20px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:normal;
}
#zoneClient, #zoneProcessus {
	padding:0px 10px 10px 10px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:normal;
}
#zoneClient #titre {
	margin-bottom:10px;
}
#titre #texte {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:31px;
	font-weight:bold;
	vertical-align:middle;
	color:#2f93ab;
	padding-left:10px;
}

#configurateur {
	float:left;
	width:636px;
	height:auto;
}

#footer {
	width:975px;
	text-align:center;
}
#footer #footerEdito {
	width:975px;
	text-align:center;
	background-color:#F6F6F6;
}
.blocEdito {
	text-align:left;
	vertical-align:top;
	padding:10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #4B4B4D;
	text-decoration: none;
}
.blocEdito strong{
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	color: #4B4B4D;
	text-decoration: none;
}
.blocEdito a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #4B4B4D;
	text-decoration: none;
}
#footer #links {
	width:975px;
	text-align:center;
	background-color:#4B4B4D;
	color: #F6F6F6;
	padding:4px 0px;
	font-size: 10px;
}
#footer #links a {
	width:975px;
	text-align:center;
	background-color:#4B4B4D;
	color: #F6F6F6;
	padding:4px 0px;
	font-size: 10px;
	text-decoration:none;
}
#footer #textline {
	text-align:center;
	background:#FFFFFF;
	color: #4B4B4D;
	padding:5px 120px;
	font-size: 10px;
}
#textline a, #textline a:link, #textline a:visited{
	color:#4B4B4D;
	text-decoration:none;
}
#textline a:hover, #textline a:active{
	color:#298FA7;
	text-decoration:none;
}
#footer #tags {
	width:975px;
	text-align:center;
	background:#005487;
	color: #4B4B4D;
}


.blocTags {
	text-align:left;
	vertical-align:top;
	padding:10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	width:33%;
}
.blocTags strong{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.blocTags a {
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
.blocTags a:hover,
.blocTags a:focus,
.blocTags a:active,
.blocTags a:hover strong,
.blocTags a:focus strong,
.blocTags a:active strong { color:#8DCBD9; }


/******************************************/
/**				bloc boutique			 **/
/******************************************/
#largeContent #pictureShop {
	position: relative;
}
#content #pictureShop {
	position: relative;
	top: 25px;
	left: 0px;
	width:796px;
}
#pictureShop #visuel {
	position: relative;
	float: left;
	width: 275px;
	height: 340px;
	font-size: 16px;
}
#pictureShop #boutique {
	position: relative;
	width:796px;
}

#pictureShop div.resultat {
	position: relative;
	float: left;
	width:796px;
	padding:0px 0px 10px 10px;;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #f6C90E;
}
#pictureShop #boutique #article {
	position: relative;
	float: left;
	text-align: center;
}

#pictureShop #boutique #article .image {
	width: 100%;
}
#pictureShop #boutique #article img {
	border: 1px solid #CCCCCC;
}

#pictureShop #boutique #article.normal {
	padding: 0px 0px 25px 10px;
}
#pictureShop #boutique #article.last {
	padding: 0px 0px 25px 10px;
}
#pictureShop #article div.texte_gondole p {
	margin: 0 0 0 0;
}
#pictureShop #article p {
	text-align:left;
	margin: 4px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #4B4B4D;
	text-decoration: none;
}
#pictureShop #article p .categorieTitre {
	text-align:left;
	margin: 2px 0 4px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
	color: #4B4B4D;
	text-decoration: none;
}
#pictureShop #article p .produitPrix {
	text-align:left;
	margin: 2px 0 4px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: normal;
	font-weight: bold;
	color: #298FA7;
	text-decoration: none;
}
#pictureShop #article p .produitTexte {
	text-align:left;
	margin: 11px 0 12px 0;
	width:154px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #4B4B4D;
	text-decoration: none;
}
#pictureShop #boutique #article img.produitImage {
	text-align:left;
	margin: 0;
	width:50px;
	text-decoration: none;
	border:none;
}
#pictureShop #boutique #article .url {
	padding-top:10px;
	padding-bottom:6px;
	padding-left:0px;
	width:150px;
	height:19px;
	background-image: url(../_img/addPanier.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-align:left;
}
#pictureShop #boutique #article .ajoutPanier {
	width:116px;
	height:19px;
	line-height:19px;
	text-align:center;
	vertical-align:middle;
	background-image: url(../_img/btn_cg1_voir_gamme.png);
	background-repeat: no-repeat;
	background-position: left center;
	color:#005C77;
}

#pictureShop #article div.texte_gondole {
	margin: -5px 0 0 0;
	#margin: -4px 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	height: 340px;
}
#pictureShop #article a {
	display: block;
	cursor: pointer;
	text-decoration:none;
	border:none;
}

#pictureShop #pagination {
	position: relative;
	display: block;
	width: 740px;
	float: left;
	text-align: right;
	padding: 0 0 0 0px;
	margin: 0 0 25px 0px;
}




/*********************************************/
/**				fil d'ariane				**/
/*********************************************/

#filAriane{
	padding-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #87888A;
	text-decoration: none;
}
#filAriane a.link, #filAriane a.link:link, #filAriane a.link:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #87888A;
	text-decoration: none;
}
#filAriane a.link:hover, #filAriane a.link:active,#filAriane a.hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #298FA7;
	text-decoration: none;
}
#filAriane a.hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	color: #298FA7;
	text-decoration: none;
}

/*********************************************/
/**			précédent - suivant				**/
/*********************************************/

#triParListes{
	padding-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #87888A;
	text-decoration: none;
}
#triParListes a.link, #triParListes a.link:link, #triParListes a.link:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #87888A;
	text-decoration: none;
}
#triParListes a.link:hover, #triParListes a.link:active,#triParListes a.hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #298FA7;
	text-decoration: none;
}
#filAriane a.hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	color: #298FA7;
	text-decoration: none;
}

/******************************************bloc d'informations type errorBlock****************/
div.errorBlock {
	background-color:#FFF2F2;
	border:1px solid #FF6F78;
	color:#FF6F7C;
	font-size:12px;
	margin:0;
	padding:5px 5px 5px 10px;
	text-align:left;
	width:300px;
}
input.error, textarea.error  {
	background:#FA9599 none repeat scroll 0 0;
	border:1px solid #4A4B4D;
}
div.successBlock {
	background:#E0FFE2 url(../_img/sign_valid.png) no-repeat scroll 5px 2px;
	border:1px solid #008509;
	color:#008509;
	font-size:12px;
	height:23px;
	margin:0;
	padding:5px 5px 5px 20px;
	text-align:center;
	width:280px;
}
div.successPanier {
	background:url("../_img/sign_valid_small.png") no-repeat scroll 5px 10px #E0FFE2;
	border:1px solid #008509;
	color:#008509;
	font-family:Arial;
	font-size:11px;
	height:30px;
	margin:10px 0;
	padding:5px 5px 5px 40px;
	text-align:center;
	width:auto;
}
div.successPanier a:link, div.successPanier a:visited {
	color:#008509;
	font-weight:bold;
	text-decoration:none;
}
div.delBlock {
	width: 280px;
	height: 20px;
	margin: 0px 0px 0px 30px;
	padding: 10px 5px 5px 27px;
	border: 1px solid #FFB900;
	background: url(../_img/sign_deleted.gif) 7px 4px no-repeat #FFEEBF;
	color: #AF7F00;
	text-align: center;
}



/***********************************************************
	Se faire offrir
***********************************************************/
#form_se_faire_offrir {
	display:block;
	float:left;
	width:100%;
	font-family:Arial, Helvetica, sans-serif !important;
}

	#form_se_faire_offrir h3,
	#form_se_faire_offrir p,
	#form_se_faire_offrir form,
	#form_se_faire_offrir label,
	#form_se_faire_offrir input,
	#form_se_faire_offrir input[type=submit],
	#form_se_faire_offrir > .bouton_vert img,
	#form_se_faire_offrir textarea,
	#form_se_faire_offrir fieldset,
	#form_se_faire_offrir .bouton_vert,
	#form_se_faire_offrir .bouton_vert tbody,
	#form_se_faire_offrir .bouton_vert tr,
	#form_se_faire_offrir .bouton_vert td {
		margin:0; padding:0;
		border:0;
	}
	
	#form_se_faire_offrir table {
		border-collapse:collapse;
		border-spacing:0;
	}
	
	#form_se_faire_offrir .bouton_vert td {
		padding:0 !important;
	}
		
	#form_se_faire_offrir > h3,
	#form_se_faire_offrir > p {
		width:624px;
	}
	
	#form_se_faire_offrir > h3 {
		padding:11px 8px;
		font-size:14px;		
		color:#fff;
		background:#298FA7;
	}
	
		#form_se_faire_offrir > h3 > span {
			font-size:24px;
			font-weight:bold;
		}

	#form_se_faire_offrir > .form_info {
		margin:15px 0;
		width:100%;
		font-size:11px;
		font-style:italic;
		color:#AD1A22;
		text-align:right;
	}
	
	#form_se_faire_offrir > fieldset {
		display:block;
		margin:0 0 23px 0;
		width:312px;
	}	
	#form_se_faire_offrir > #emetteur_offrir { float:left; }
	#form_se_faire_offrir > #destinataire_offrir { float:right; }
	
		#form_se_faire_offrir > fieldset > p {
			float:left;
			margin-top:23px;
			width:100%;
		}
		#form_se_faire_offrir > fieldset > p:first-child { margin-top:0; }
		
			#form_se_faire_offrir label {
				float:left;
				margin-bottom:3px;
				width:100%;
				font-size:13px;
				color:#5e5e5e;
			}
			
			#form_se_faire_offrir .champ_oblige {
				font-weight:bold;
				color:#AD1A22;
			}		
			
			#form_se_faire_offrir input[type=text],
			#form_se_faire_offrir textarea {
				font-family:Arial,Helvetica,sans-serif !important;
				font-size:12px !important;
				border:1px solid #4A4B4D;
				background:#fff;
			}
			#form_se_faire_offrir .erreur {
				border-color:#FF6F78 !important;
				background:#FFF2F2 !important;
			}				
			#form_se_faire_offrir input[type=text]:hover, #form_se_faire_offrir input[type=text]:focus,
			#form_se_faire_offrir textarea:hover, #form_se_faire_offrir textarea:focus,
			#form_se_faire_offrir .erreur:hover, #form_se_faire_offrir .erreur:focus {
				border-color:#298FA7 !important;
				background:#dcebef !important;
				outline:none;	/* Chrome bugfix */
			}			
			
			#form_se_faire_offrir input[type=text] {
				width:308px; height:20px;
				line-height:20px;
			}
			
			#form_se_faire_offrir textarea {
				height:72px;
				width:638px;
				padding:0; resize:none;	/* Chrome bugfix */
			}

	#form_se_faire_offrir > .bouton_vert {
		margin:23px 0 0 auto;
	}											
	
/* SLIDESHOW */
div#slideshow {
background-color:#000000;
height:239px;
margin-left:10px;
margin-bottom:20px;
overflow:hidden;
position:relative;
width:610px;
}
.slide {
    position:absolute;
    top:0;
    left:0;
    width:610px;
    height:239px;
}

.navigation {
    position:absolute;
    bottom:10px;
    right:7px;
}

.navigation A {
	float:left;
	display:block;
	width:12px;
	height:12px;
    margin:0 5px;

	text-indent:-9999px;	
	background:url(../_img/tic_carousel_off.png) no-repeat;
    cursor:pointer;
}

.navigation A:hover, .navigation A.active{
	background:url(../_img/tic_carousel_on.png) no-repeat;
}

DIV#lien_video {margin-left:12px;}
DIV#lien_video a{
display:block;
width:147px;
height:34px;
background:url(../_img/btn_video.png) no-repeat;
}
DIV#lien_video a:hover{
background:url(../_img/btn_video_hover.png) no-repeat;
}