/*
	\\\\---------------------------------------------
	//// 	Default MASTER stylesheet
	\\\\ 	2008 © Coded by : Damien Virot - Sogoa
	////---------------------------------------------
*/


/* core elements
--------------------------------------------- */
*{margin:0;padding:0;border:0;}
html{height:100%;height:auto;min-height:100%;background:#F1ECF3;}
body{font:12px Verdana, Arial, Helvetica, sans-serif;color:#524C2A;}
.clear{clear:both;font-size:1px;height:1px;overflow:hidden;display:block;}
.hide{display:none;}
ul{padding-left:20px;}
li{list-style:outside disc;}
.spacer{overflow:hidden;display:block;}
hr{height:1px;overflow:hidden;margin:5px auto;background-color:#000000;display:block;}
.relative{position:relative;}
.spaced p, .spaced ul, .spaced ol, h1, h2, h3, h4, h5, h6{margin-bottom:10px;}
.pager{padding-top:3px; border-top:#a4097c 1px solid; height:20px; background:#CCCCCC; position:relative;}
.pagerimgs{padding-top:3px; height:20px; position:relative;}
.one{background:#CCCCCC;}
.allpages{height:330px;}

/* error page
--------------------------------------------- */
#error-page{background-color:#E9E9E9;font-size:10px;}
#error-text{margin-top:100px;text-align:center;padding:20px;background-color:#F1F1F1;}
.bigtitle{font-size:20px;margin-bottom:10px;}
.smalltitle{font-size:14px;margin-bottom:20px;}
#error-text em, #error-text strong{display:block;font-size:9px;font-style:italic;}
.bigtitle strong{margin-top:5px;}
.smalltitle strong{margin-top:2px;}
#moreinfos{margin-top:20px;}
#error-text span{color:#FF0000;}


/* links
--------------------------------------------- */
a{text-decoration:none;outline:none;color:#660000;}
a:hover{text-decoration:underline;}

	/* functions */
	a.ada, .fada{display:block;padding-left:13px;background:url(../medias/core/imgs/puce-plus.gif) no-repeat 0 4px;color:#000000;margin-bottom:5px;font-weight:bold;}
	
	/* /////////////////////// WEBSITE /////////////////////// */
	.cycle .next{font-style:italic;white-space:nowrap; font-size:9px; color:#FFCCFF;}
	
	#second-menu a{display:block;padding:0 0 2px 20px;background:url(../medias/imgs/puce-second-menu.gif) no-repeat 0 center; color:#FFFFFF;}
	* html #second-menu a{display:block;padding:2px 0 2px 20px;background:url(../medias/imgs/puce-second-menu.gif) no-repeat 0 1px;}
	
	#main-menu a{display:block;height:21px;padding:4px 15px 0;background:#C280B0;font-weight:bold;float:left;font-size:9px;text-transform:uppercase;color:#FFFFFF;}
	#main-menu a:hover{text-decoration:none;}
	
	#bottom-menu a{display:block;color:#B97CAE;font-size:14px;padding:2px;font-weight:bold;}
	#bottom-menu a.on{color:#92147D;}
	#bottom-menu a:hover{text-decoration:none;color:#92147D;}
	
	#bottom-menu a.test{font-size:11px;margin-left:10px;}
	
	.tests{color:#843F8D;}
	
	.pagerimgs a.next, .pagerimgs a.prev{display:block;width:49%;height:20px; position:absolute;}
	.pagerimgs a.next{text-align:right; top:0; right:0;}
	.pagerimgs a.prev{top:0; left:0;}
	.pagerimgs a:hover{text-decoration:none;}
	
	#album-menu a, #data-unik #menu a, #data-unik-histoire-menu a, #data-unik-references-menu a{ display:block;color:#EC8060; font-size:14px; padding:2px; font-weight:bold;}
	#album-menu a.on, #data-unik #menu a.on, #data-unik-histoire-menu a.on, #data-unik-references-menu a.on{color:#DB0720;}
	#album-menu a:hover, #data-unik #menu a:hover, #data-unik-histoire-menu a:hover, #data-unik-references-menu a:hover{text-decoration:none; color:#DB0720;}
	
	#data-unik #submenu a{display:block;color:#DA051E; font-size:14px; padding:2px; line-height:20px;}
	#data-unik #submenu a:hover{text-decoration:none;color:#EC8060;}
	
	#data-unik-references a.on{font-weight:bold;}
	
	.refs .text a{display:block;color:#534D2A; padding:2px;}
	.refs .text a:hover{text-decoration:none;color:#EC8060;}
	
	.refs .photo .relative a{padding:1px;display:none;position:absolute;overflow:hidden;}
	.ref1{top:0;left:0} .ref4{top:0;left:220px} .ref3{top:0;left:330px;} .ref2{top:110px;left:220px;} .ref5{top:220px;left:110px;} .ref6{top:220px;left:0;}
	.ref1 .shw{width:210px;height:210px;} .ref4 .shw{width:100px;height:100px;} .ref3 .shw{width:100px;height:100px;} .ref2 .shw{width:210px;height:210px;} .ref5 .shw{width:100px;height:100px;} .ref6 .shw{width:100px;height:100px;}
	

/* forms
--------------------------------------------- */
input, textarea{font-size:10px;padding:2px;color:#4d4253;border:#999999 1px solid;}
input{background:#FFFFFF url(../medias/core/imgs/back-forms.gif) repeat-x 0 bottom;}
textarea{background:#FFFFFF url(../medias/core/imgs/back-forms-height.gif) repeat-x 0 bottom;}
label{display:block;float:left;clear:both;}

	/* /////////////////////// WEBSITE /////////////////////// */
	#ctbessis input, #ctbessis textarea{width:220px;}
	#ctbessis label{width:100px;}
	#ctbessis textarea{height:120px;}

/* images
--------------------------------------------- */
.pics{margin:0 auto;overflow:hidden;text-align:center;}

	/* /////////////////////// WEBSITE /////////////////////// */
	#section-introduction .logo-intro img{display:block;margin-bottom:6px;}
	#photo-unik img.abs{display:none;position:absolute;top:0;left:0;}


/* containers
--------------------------------------------- */

	/* functions */
	.adanext{margin:0 0 10px 2px;padding-left:10px;background:url(../medias/core/imgs/adanext.png) no-repeat;}
	.cacheada{overflow:hidden;}
	
	/* /////////////////////// WEBSITE /////////////////////// */
	#wrapper{width:900px;margin:0 auto;background:#FFFFFF url(../medias/imgs/wrapper-gradient.gif) no-repeat center bottom;}
	#header{position:relative;height:52px;padding-top:168px;}
	#titre-site{padding:25px 0 0 115px;}
	#slogan{position:absolute; top:15px; left:185px;z-index:101;}
	#main-menu-hack{position:absolute;top:116px;left:0;z-index:102;overflow:hidden;width:285px;}	
	#logo{position:absolute;top:30px;left:50px;width:90;height:99px;border:#FFFFFF 1px solid;overflow:hidden;z-index:103;}
	
	#second-menu{position:absolute;top:140px;left:50px;z-index:104;}
	
	#main-menu{background:#C280B0;color:#FFFFFF;height:25px;overflow:hidden;width:900px;}
	#main-menu .first{display:block;width:260px;height:25px;background:#C280B0;float:left;}
	
	#bessis-home-content{position:relative;height:310px; padding:75px 0 0 99px;background:url(../medias/imgs/home-back.gif) no-repeat left bottom;}
	
	#marques{width:120px;height:112px;background:#CCCCCC;float:left;margin-right:56px;}
	
	#section-introduction{width:610px; float:left;height:120px; overflow:hidden; position:relative;}
	#section-introduction .container{height:120px;position:absolute;top:0; left:0; display:none;}
	#section-introduction .logo-intro, #section-introduction .chapo{float:left;}
	#section-introduction .logo-intro{margin-right:40px;width:290px;height:150px;overflow:hidden;}
	#section-introduction .chapo{color:#FFFFFF;width:220px;}
	
	.accroche{font-weight:bold;margin-bottom:5px;font-style:italic;font-size:14px;}
	.newstitle{color:#843F8D;}
	
	.names{background:#999999;position:absolute;width:270px;top:270px; left:600px; overflow:hidden; height:20px;}
	
	#bessis-page{position:relative;/*background:#F0ECF4;*/background:#fff;margin:10px 0;width:900px;}
	
	#intro-logo{width:185px;padding:20px 50px 0 40px;float:left;height:350px;overflow:hidden;}
	#intro-logo strong{ font-size:14px; font-style:italic;}
	#main-data{width:420px;padding:25px 43px 0 0;float:left;height:345px;overflow:hidden;position:relative;}
	#main-data-unik{width:613px;padding-top:25px;float:left;height:345px;overflow:hidden;}
	#data-unik{width:390px;padding:10px 30px 0 50px;height:360px;overflow:hidden;float:left}
	#photo-unik{width:430px;height:370px; float:left;overflow:hidden;position:relative;}
	#more{width:110px;float:left;padding:25px 20px 0 30px;color:#FFFFFF;height:345px; position:absolute; top:0; right:0;}
	
	#main-data-name{width:613px;padding-top:25px;float:left;}
	
	#data-unik #menu{width:230px; float:left;}
	#data-unik #submenu{width:150px; float:left;}
	#data-unik #submenu .titre{text-transform:uppercase;}
	
	#data-unik-histoire-menu, #data-unik-references-menu{width:200px;padding:10px 30px 0 50px;height:360px;overflow:hidden;float:left;}
	#data-unik-histoire, #data-unik-references{width:620px;height:370px; float:left;overflow:hidden;position:relative;}
	
	.tableaux .text, .refs .text{width:140px; float:left; padding-right:50px;padding-top:10px;}
	.tableaux .photo{width:430px; height:320px; overflow:hidden; float:left;}
	.refs .photo{width:450px; height:370px; overflow:hidden; position:absolute; top:0; right:0; background:#D6BEBE;z-index:5;}
	
	#reftitle{height:20px;margin:10px;font-weight:bold;color:#000000;text-align:center;}
	.refs .photo .relative{margin-left:10px;position:relative;}
	#relative2{display:none;}
	.refinfos{display:none;}
	
	#formcontact{width:370px;height:370px;padding:20px 0 0 60px;background-color:#F1ECF3;display:none;}
	.formtitre{margin-bottom:20px;font-size:14px;}
	
	#bottom-menu, #album-menu{position:absolute;width:235px;bottom:0;left:20px;padding-bottom:10px;}
	
	#main-data .titre, #main-data-unik .titre{font-size:14px;color:#90127C;margin-bottom:15px;display:block;}
	
	.newschapo, .newstext{font-size:12px;}
	.newschapo{margin-bottom:10px;}

	.newsName .titre{font-weight:bold; font-size:14px; color:#7c2223;}
	.edito{color:#666; font-style:italic;}
	
	.violet_divan_back{background-color:#843F8D;}
	
	#footer{background:#BF0051;padding:2px 0;text-align:center;color:#FFFFFF;font-size:9px;}
	#conception{background:#F1ECF3;color:#B3ADB4;text-align:center;padding-top:5px;font-size:9px;}
	#logoFB{background:#F1ECF3;color:#B3ADB4;text-align:center;padding-top:5px;font-size:9px;}
	#logoFB p{padding-bottom:5px;}

/* typo rules
--------------------------------------------- */

	/* HTML overwrite */
	h1{font-size:22px;}
	h2{font-size:18px;}
	h3{font-size:16px;}
	h4{font-size:14px;}
	h5{font-size:12px;}
	h6{font-size:9px;}
	
	.tickercontainer{position:absolute;width:270px;top:270px; left:600px; overflow:hidden; height:20px;}
	.tickercontainer .mask{position: relative;left: 10px;top: 8px;width:270px;overflow: hidden;}
	ul.newsticker{position: relative;left: 270px;font: bold 10px Verdana;list-style-type: none;margin: 0;padding: 0;}
	ul.newsticker li{float: left; /* important: display inline gives incorrect results when you check for elem's width */margin: 0;padding: 0;list-style:none;color:#FF0000;}