/*CSS RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align: baseline;
	background:transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary{
	display:block;
}

meter,progress,mark, time{
	display:inline;
}

ol, ul {
	list-style: none;
}

blockquote,q{
	quotes: none;
}

html,body{
	height:100%;
}

img {
	border:0;
	vertical-align:top;
	text-align:left;
}

object{
	vertical-align:top;
	outline:none;
}

ul,ol{
	list-style:none;
}

table,table td{
	padding:0;
	border:none;
	border-collapse:collapse;
}

input,select,textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	margin:0;
	padding:0;
}

textarea{
	overflow:auto;
}

/*GLOBAL*/
html{
/*	min-width:980px;	*/
	min-width:768px;
}

body{
	background:#F6DBDE url(../images/body-bg.png) repeat-x 0 0;  /*  Background dégradé  */
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1em;
	color:#000;
}

#main{
/*	width:780px;			*/
	width:810px;
	margin:0 auto;
/*	min-height:840px;	805	*/
	min-height:768px;
/*	height:100%;		*/
	height:768px;
	position:relative;
	z-index:1;
}

#glob{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

#gspinner{
	width:100%;
	height:100%;
	left:0;
	top:0;
	position:absolute;
	z-index:9999;
	background:#F6DBDE url(../images/ajax-loader5.gif) center center no-repeat;  /* Couleur de l'arrière du loader */
}

/*ELEMENTS*/
a {
/*	color:#e0ffdf;	*/
/*	color:#4fb0d6; */
	color:#680c5a;  /* pas trouvé ce que ça affecte... */
	outline:none;
}
a:hover{
	text-decoration:none;
}
p,.blo{
	line-height:20px;
	margin-bottom:20px;
}
.p1{
	margin-bottom:10px;
	display:inline-block;
}

/* HEADER */
h1{						/*  Position du LOGO  */
	position:absolute;
	left:-20px;
	top:15px;
}
nav{					/*  MENU -- position de la ligne du menu sous le logo  */
	position:absolute;
	left:70px;
/*	top:120px;  */
	top:125px;
	z-index:1;
}
nav>ul>li{
	float:left;
	margin:0 14px;			/* MENU -- alignement gauche  */
	position:relative;
}
nav>ul>li>a{
	color:#757575;			/* MENU -- couleur GRIS FONCÉ du texte des items [mouse out ]	*/
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:1px 1px #e6e6e6;	/* GRIS-BLANC */
}
nav ul>li>ul{				/* SOUS-Menus	*/
/*	width:105px; */
	width:70px;			/* largeur de la boite  */
	padding:12px 14px 12px 14px;
	background:url(../images/sf-sprite.png) #e8e8e8;   /* boite GRIS PÂLE */
	position:absolute;
/*	left:-21px;  */
	left:-13px;			/*  distance de la gauche de la boite sous le MENU  */
/*	top:32px;  */
	top:27px;			/*  distance de la boite sous le MENU  */
}
nav ul>li>ul>li{		/* SOUS-menus: barre de division	*/
/*	position:relative;*/
/*	border-bottom:1px #cecece solid;  */
	border-bottom:1px #680C5A solid; /*  MAUVE FONCÉ  */
	padding-left:6px;
}
nav ul>li>ul>li.lst{			/*  SOUS-menus: dernier item, aucune barre de division	*/
	border:none;
}
nav ul>li>ul ul{			/*  SOUS SOUS-menu : position	PS: Non utilisé	*/
/*	left:120px;*/
	left:20px;
	top:-10px;
}
nav ul>li>ul a{			/*  SOUS-menus: texte	*/
	color:#757575;			/* GRIS FONCÉ */
	font:14px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:0 0 4px #e6e6e6; 	/* GRIS-BLANC  */
}
nav ul>li>ul a:hover,nav ul>li>ul .active a{
	color:#680C5A;			/* MENU et SOUS-menus, couleur MAUVE du texte 'hover'  */
}
/*	** Out par template **
nav a:hover{
	color:#2eb799;
}  */


/* PORTFOLIO ---> Fermé	*/
.ctgrs{
	position:absolute;
/*	left:246px;		Distance de gauche de la boite des 4 du portfolio fermé --> <-25>  */
	left:221px;
/*	top:354px;		Distance du haut de la boite des 4 du portfolio fermé --> <-25> et <-100>  */
	top:229px;
	overflow:visible;
/*	width:302px;		En relation avec scripts.js -- mouse out  [150 + 150 + 2]	*/
/*	height:302px;		En relation avec scripts.js -- mouse out [150 + 150 + 2]	*/
	width:352px;		/* nouvelle dimension au scripts.js -- 175 + 175 + 2	*/
	height:352px		/* nouvelle dimension au scripts.js -- 175 + 175 + 2	*/;
}
.ctgrs li{
	float:left;
	margin-right:1px;
	margin-bottom:1px;
/*	width:150px;		En relation avec scripts.js -- mouse out	*/
/*	height:150px;		En relation avec scripts.js -- mouse out	*/
	width:175px;		/*  Nouvelle dimension  dans scripts.js - mouse out  */
	height:175px;		/*  Nouvelle dimension  dans scripts.js - mouse out  */
	overflow:visible;
	position:relative;
	z-index:1;
}
.ctgrs a{
/*	width:150px;		En relation avec scripts.js -- mouse out	*/
/*	height:150px;		En relation avec scripts.js -- mouse out	*/
	width:175px;		/*  Nouvelle dimension  dans scripts.js - mouse out  */
	height:175px;		/*  Nouvelle dimension  dans scripts.js - mouse out  */
	display:block;
	position:absolute;
	font:bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow:1px 1px rgba(0,0,0,.22);
}
.sha-img{
	position:absolute;
	left:196px;		/*  Ombrage sous portfolio fermé => relié à CSS - ctgrs	*/
/*	top:680px;		CSS - ctgrs: top 354 + 2 carrés 352 + 24	*/
	top:593px;		/*  New: ctgrs: top 229 + 2 carrés 352 + 24=605px	ou + 12= 593px	*/
	z-index:-1;
}
.ctgrs a span{			/* Le SPAN est le TEXTE du LABEl des 4 carrés du Portfolio */
	position:absolute;
}
.ctgrs .itm1 a{
/*	background: url(../images/nav-identity.jpg) 100% 100% no-repeat;	*/
	background: url(../images/nav-pan.jpg) 100% 100% no-repeat;
	right:0;
	bottom:0;
}
.ctgrs .itm1 a span{
	left:11px;
	bottom:4px;
}
.ctgrs .itm2 a{
/*	background: url(../images/nav-web.jpg) 0 100% no-repeat;	*/
	background: url(../images/nav-mit.jpg) 0 100% no-repeat;
	left:0;
	bottom:0;
}
.ctgrs .itm2 a span{
	right:11px;
	bottom:4px;
}
.ctgrs .itm3 a{
/*	background: url(../images/nav-print.jpg) 100% 0 no-repeat;	*/
	background: url(../images/nav-lai.jpg) 100% 0 no-repeat;
	right:0;
	top:0;
}
.ctgrs .itm3 a span{
	left:11px;
	bottom:4px;
}
.ctgrs .itm4 a{
/*	background: url(../images/nav-art.jpg) 0 0 no-repeat;	*/
	background: url(../images/nav-dec.jpg) 0 0 no-repeat;
	left:0;
	top:0;
}
.ctgrs .itm4 a span{
	right:11px;
	bottom:4px;
}

/*  PORTFOLIO ---> Ouvert 	*/
.back{
	position:absolute;	/* Bouton "retour"  du portfolio ouvert	*/
/*	top:282px;	*/
	top:229px;
	left:20px;
}
.portfolio{
	position:absolute;
/*	top:324px;		Portfolio 'ouvert' -- hauteur du haut	=> Bouton: top 229 + hauteur 28 + distance 14	*/
	top:271px;
	left:20px;
	width:760px;
}

.portfolio>ul>li{
	position:absolute;
	right:0;
	top:0;
	overflow:hidden;
	height:254px;
}

.portfolio .vSlider{
	position:absolute;
	width:508px;
	height:254px;
	left:254px;
	top:0;
	z-index:1;
}

.portfolio .vSlider li{
	overflow:hidden;
}

.portfolio .vSlider li a{
	margin-bottom:3px;
	margin-right:3px;
	float:left;
}

.portfolio .vSlider li a.lst{
	margin-right:0;
}

.prev{
	width:98px;
	height:25px;
	background:url(../images/prev-next-sprite.png) no-repeat;
	position:absolute;
	left:460px;
	top:-51px;
}

.prev:hover{
	background-position:100% 0;
}

.next{
	width:98px;
	height:25px;
	background:url(../images/prev-next-sprite.png) 0 100% no-repeat;
	position:absolute;
	left:460px;
	top:280px;
}

.next:hover{
	background-position:100% 100%;
}

.cloned a{
	cursor:default;
}

/*#content*/
.has-content{
/*	background:#181818;	/*  Couleur NOIRE pour arrière des boîtes de texte	*/
	background:#e8e8e8;	/* Couleur GRIS PÂLE pour arrière des boites de texte  */
	overflow:hidden;
	position:absolute;
	height:370px;
/*	top:273px;		Hauteur boîte des textes reliés aux menus --  même que Portfolio 'fermé'	*/
	top:229px;
/*	left:0;	*/
	left:20px;
	color:#680C5A;		/* Couleur MAUVE du texte dans boites  */
	font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Ajout h4 pour texte pages Droits & Confidentialité	*/
h4{
	font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	color:#c78f9f;  	/* Vieux rose  */
	text-transform:uppercase;
	padding-top:4px;
	padding-bottom:1px;
}

.inner{
	width:680px;
	padding:36px 50px;
	overflow:hidden;
}

.scroll{
	height:206px;
	width:680px;
}

._track{
	display:none;
}

.scrollDown{
	width:37px;
	height:29px;
	background:url(../images/scroll-sprite.png) 0 100% no-repeat;
	position:absolute;
	right:16px;
	bottom:15px;
}

.scrollDown:hover{
	background-position:100% 100%;
}

.scrollUp{
	width:37px;
	height:29px;
	background:url(../images/scroll-sprite.png) 0 0 no-repeat;
	position:absolute;
	right:55px;
	bottom:15px;
}

.scrollUp:hover{
	background-position:100% 0;
}

.close_link{
	position:absolute;
	top:15px;
	right:16px;
}

h2{
/*	font:bold 36px/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; */
	font:bold 42px/1.2em "Bauhaus Lt BT", Arial, Helvetica, sans-serif;
/*	color:#fff;  */
	color:#000;
/*	text-transform:uppercase;  */
	border-bottom:1px #d1d1d1 solid;  /* gris pâle */
/*	padding-bottom:14x; */
	padding-bottom:7px;
	word-spacing:2px;
/*	margin-bottom:32px; */
	margin-bottom:16px;
}

#content>ul>li{
	overflow:visible;
}

#content li .shdw{
	position:absolute;
/*	bottom:-85px;			Distance de l'ombre sous boîtes de texte <-40>	*/
	bottom:-45px;
	width:100%;
	height:40px;
}

/*footer*/
footer{
	position:absolute;
	z-index:1;
/*	bottom:50px;	*/
	bottom:0px;
	width:100%;
/*	text-align:center;	*/
	text-align:left;
}

footer .privacy{
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
/*	color:#d2f5c4;	*/
	color:#680c5a;  /* mauve */
}
footer img{
	vertical-align:middle;
}

/*  Créé pour image PANIER dans footer	*/
h3{
	position:absolute;
	right:-20px;
	bottom:0px;
	z-index:-50;		/*  Ajout de Créations Paulina  */
}

/*forms css*/
#form1, #form2{
	width:400px;
	float:left;
	margin:6px 0 0 20px;
}

#form1 input,#form2 input,#form1 textarea,#form2 textarea{
	width:169px;
	background:#FFF;	/* Couleur BLANCHE fond boite de contact  */
	border:1px #680c5a solid;
/*	color:#9f9f9f;  */
	color:#000;		/* Couleur NOIRE texte dans boite de contact  */
	padding:7px 12px;
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#form1 textarea,#form2 textarea{
	width:371px;
	height:91px;
}

#form1 .name,#form2 .name{
	margin-right:7px;
}

#form1 label,#form2 label{
	margin-bottom:8px;
	float:left;
	position:relative;
}

#form1 .btns,#form2 .btns{
	float:right;
	padding-top:20px;
}

#form1 .btns a,#form2 .btns a{
	margin-left:20px;
}

#form1 .empty,#form2 .empty,#form1 .error,#form2 .error{
	position:absolute;
	right:0;
	top:0;
	font:10px Arial, Helvetica, sans-serif;
/*	color:#4FB0D6;  */
	color:#680c5a;  /* mauve foncé */
	z-index:1;
}

/*	Divers	*/
.white{
	color:#fff;
}
.black{
	color:#000;
}
.mauve{
	color:#680c5a;
}
.rose{
	color:#c78f9f;
}
.fleft,.fl{
	float:left;
}
.fright,.fr{
	float:right;
}
.fnone,.fn{
	float:none;
}
.col-1,.col-2,.col-3{
	float:left;
}
.alignleft,.all{
	text-align:left;
}
.alignright,.alr{
	text-align:right;
}
.aligncenter,.alc{
	text-align:center;
}
.wrapper{	
	width:100%;
	overflow:hidden;
}
a.und,.und a{
	text-decoration:none;
}
a.und:hover,.und a:hover{
	text-decoration:underline;
}
a.fb{
	text-decoration:none;
}
a.fb:hover{
	text-decoration:none;
}
.nocolor, .nocolor a{
	color:inherit;
}
.upc{
	text-transform:uppercase;
}
.extra-wrap{
	overflow:hidden;
}
.nopad{
	padding:0;
}
.nomar{
	margin:0;
}
.clear{
	clear:both;
	line-height:0;
}
.bold{
	font-weight:bold;
}

/*custom boxes*/

a.mrk{
	background: url(../images/marker1.png) no-repeat left top;
	background-size:contain;
	font:14px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
/*	padding-left:27px; */
	padding-left:20px;
	color:#c78f9f;
}

.list{
	text-align:left;
}

.list a{
	background: url(../images/marker1.png) no-repeat left top;
	background-size:contain;
	font:14px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
/*	padding-left:27px; */
	padding-left:20px;
}

dl.address dd{
	text-align:right;
	clear:both;
}

dl.address dd span{
	float:left;
}

dl.img-box,.img-box-set dl,dl.img-box dd,.img-box-set dl dd{
	overflow:hidden;
}

dl.img-box dt,.img-box-set dl dt{
	float:left;
}