/******************************************************************/
/**************************** 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

body{
	margin:0px;
	padding:0px;
	border:0px none;
	font-family:Georgia, Trebuchet, Tahoma;
	font-size:12px;
}
.clearfix:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/******************************************************************/
/**************************** COMMON ******************************/
/******************************************************************/

body{
	background-image:url('../../img/bg2.gif');
	background-repeat:repeat;
	background-position:-9px -210px;
}

.color2 .colored{color:#D07088;}
.color2 .bg{background-color: #D07088;}
.color2 .bg2{background-color: #E3125C;}
.border2{border-color:#D07088;}

.color3 .colored{color:#FFC000;}
.color3 .bg{background-color: #D07088;}
.color3 .bg2{background-color: #FFC000;}
.border3{border-color:#FFC000;}

.color4 .colored{color:#955AB9;}
.color4 .bg{background-color: #E9E0EF;}
.color4 .bg2{background-color: #955AB9;}
.border4{border-color:#955AB9;}


/******************************************************************/
/**************************** GRID ********************************/
/******************************************************************/


#page-wrapper{
	width:990px;
	margin:auto;	
}
.three-column{padding:10px 0px;}
.position-header{
	float:left;
	width:250px;	
}
.position-left{
	float:left;
	width:80px;
}

.position-center{
	float:left;	
	padding-bottom:29px;
}
.position-center .position-content{
	width:610px;
	position:relative;
	z-index:100;
}
.position-center .center-container{
	background-color:#DFC08B;
	padding:25px 10px 10px;
}
.bg-center-box{
	position:absolute;
	filter:none;
	background-image:url('../../img/bg_centre.png');
	background-repeat:no-repeat;
	_background-image:none !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/bg_centre.png', sizingMethod='crop');
	height:440px;
	width:619px;
	z-index:10;
	margin-left:-17px;
	margin-top:69px;
}
.position-footer{padding-left:290px;}

/******************************************************************/
/*********************** POSITION HEADER **************************/
/******************************************************************/


/********************************* H1 *******************************/
#h1-logo{
	
}
.module-h1-logo .zone-middle{
	padding-top:25px;
	filter:none;
	background-image:url('../../img/bg_logo1.png');
	background-repeat:no-repeat;
	_background-image:none !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/bg_logo1.png', sizingMethod='crop');
	height:178px;
	width:247px;
}
.module-h1-logo .logo{
	filter:none;
	background-image:url('../../img/logo-pulupulu-portfolio.png');
	background-repeat:no-repeat;
	_background-image:none !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/logo-pulupulu-portfolio.png', sizingMethod='crop');
	height:117px;
	width:240px;
	text-indent:-5000px;
	overflow:hidden;
}

/*********************************** H2 *****************************/
#h2-rubriques{
	width:610px;
	height:100px;
	background-repeat:no-repeat;
	background-position:0px 71px;
}
.module-h2-rubriques{
	padding-top:40px;
	padding-left:30px;	
}
.module-h2-rubriques .onglet{
	display:block;
	float:left;	
	width:159px;
	height:50px;
	padding-right:10px;
}
.module-h2-rubriques .onglet .titre-rub{
	position:relative;
	display:block;
	padding-top:28px;
	color:#FFFFFF;
	font-size:17px;
	text-decoration: none;
	font-family: Trebuchet MS;
	text-align: center;
	width:159px;
	height:97px;
}

/*** entree illus ***/
.module-h2-rubriques .onglets-2 .onglet span{
	position:absolute;
	filter:none;
	background-image:url('../../img/bg_onglet.png');
	background-repeat:no-repeat;
	_background-image:none !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/bg_onglet.png', sizingMethod='crop');
	height:97px;
	width:159px;
	overflow:hidden;
}
.module-h2-rubriques .onglets-2 .onglet:hover span,
.module-h2-rubriques .onglets-2 .onglet .on{
	position:absolute;
	filter:none;
	background-image:url('../../img/bg_onglet_on.png');
	background-repeat:no-repeat;
	_background-image:none !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/bg_onglet_on.png', sizingMethod='crop');
	height:97px;
	width:159px;
	overflow:hidden;
}
.module-h2-rubriques .onglets-2 a:hover,
.module-h2-rubriques .onglets-2 a.active{color:#D07088;}


/*** entree ? ***/
.module-h2-rubriques .onglets-3 .onglet{
	background-color:#FFC001;
}
.module-h2-rubriques .onglets-4 .onglet{
	background-color:#955AB9;
}
.module-h2-rubriques span a{
	color:#FFFFFF;
	font-size:16px;
	text-decoration:none;
	display:block;
	height:29px;
}
.module-h2-rubriques .onglets-2 .on a,
.module-h2-rubriques .onglets-2 .selected a,
.module-h2-rubriques .onglets-2 span:hover a{
	color:#E3125C;
}
.module-h2-rubriques .onglets-3 .on a,
.module-h2-rubriques .onglets-3 .selected a,
.module-h2-rubriques .onglets-3 span:hover a{
	color:#FFC001;
}
.module-h2-rubriques .onglets-4 .on a,
.module-h2-rubriques .onglets-4 .selected a,
.module-h2-rubriques .onglets-4 span:hover a{
	color:#955AB9;
}

/******************************************************************/
/*********************** POSITION LEFT ****************************/
/******************************************************************/



/************************************ L1 ****************************/

#l1-illu{
	display:block;
	float:left;	
}
#l1-illu .box-middle{
	width:160px;	
}
.module-l1-illu{
	padding:110px 5px 5px;	
}

/************************************ L2 ****************************/
/*  Menu kwick accordeon  */


#l2-entrees{	
	display:block;
	float:left;
}

#l2-entrees .box-middle{
	width:70px;
}
.module-l2-entrees{
	padding-top:130px;	
}
#kwicks_container {
	width:70px;
}
#menu {
	position: relative;
}
		 
#menu .element {
	display: block;
	width: 49px;
	height: 36px;
	overflow:hidden;
	background-position:right top;
	width:70px;
}
#menu .element span a{
	display:block;
	padding-right:57px;
	padding-top:21px;
	text-align:right;
	height:260px;
	text-decoration:none;
}
#menu .selected span a{
	text-indent:-5000px;
}
#menu .selected{
	height:260px;	
}
		 
#kwick_graphisme {
	filter:none;
	background-image:url('../../img/menu_graphisme.png');
	background-repeat:no-repeat;
	_background-image:none !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/titres/menu_graphisme.png', sizingMethod='crop');
	height:60px;
	width:344px;
	text-indent:-5000px;
	overflow:hidden;
}
#kwick_graphisme span a{
	color:#FEBF00;
}
#kwick_illustration {
	filter:none;
	background-image:url('../../img/menu_illustration.png');
	background-repeat:no-repeat;
	_background-image:none !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/titres/menu_illustration.png', sizingMethod='crop');
	height:60px;
	width:344px;
	text-indent:-5000px;
	overflow:hidden;
}
#kwick_illustration span a{
	color:#E4125D;
}
#kwick_contact {
	filter:none;
	background-image:url('../../img/menu_contact.png');
	background-repeat:no-repeat;
	_background-image:none !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/titres/menu_contact.png', sizingMethod='crop');
	height:60px;
	width:344px;
	text-indent:-5000px;
	overflow:hidden;
}
#kwick_contact span a{
	color:#955AB9;
}

#kwick_green {background-color: green;}
#kwick_blue {background-color: blue;}
#kwick_indigo {background-color: indigo; color: #fff; }
#kwick_violet {background-color: violet;}

/********************************************************************/
/*********************** POSITION CENTER ****************************/
/********************************************************************/


/************************************ C1 ****************************/

#c1-vignettes{
	width:590px;
	border-top:2px solid #884F45;
	border-left:2px solid #884F45;
	border-right:2px solid #884F45;
}
#c1-vignettes .box-middle{
	background-image:url('../../img/papier_dechire_rose.png');
	background-repeat:no-repeat;
	_background-image:none !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/titres/papier_dechire_rose.png', sizingMethod='crop');
	background-position:bottom;
	overflow:hidden;
	padding-bottom:18px;
}
.module-c1-vignettes{
	padding:10px 0px;	
}
.module-c1-vignettes .vignette img{
	margin-right:5px;
	margin-bottom:5px;
	display:block;
	float:left;
	border:1px solid #D07088;
}
.module-c1-vignettes .vignette img:hover,
.module-c1-vignettes .vignette .active{
	opacity : 0.4;
    filter : alpha(opacity=40);
}
.module-c1-vignettes .vignette .active{ padding:5px; margin-bottom:0px !important;}


/************************************ C2 ****************************/

#c2-article{
	
	
}
#c2-article .box-middle,
#c1-vignettes{
	width:590px;
	filter:none;
	background-image:url('../../img/bg-paper3.png');
	background-repeat:repeat;
	_background-image:none !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/titres/bg-paper3.png', sizingMethod='scroll');
	overflow:hidden;
	border-left:2px solid #884F45;
	border-right:2px solid #884F45;
}
.module-c2-article{
}
.module-c2-article .module-content{
	padding:10px;
}
.module-c2-article .zone-top{text-align:center;}
.module-c2-article .zone-top img{
	border-width:1px;
	border-style: solid;
}
.module-c2-article .zone-bottom{
	padding-top:5px;	
}
.module-c2-article .title{
	font-size:26px;
	padding-bottom:5px;
}
.module-c2-article .date{
	color:#9F9F9F;
}

.module-c2-article .zone-middle{padding-top:5px;}
.module-c2-article .zone-middle .vignette-article{display:block; float:left; padding-right:5px;}
.module-c2-article .zone-middle .vignette-article img{
	border:1px solid #E3125C;
	opacity : 0.4;
    filter : alpha(opacity=40);
}
.module-c2-article .zone-middle .vignette-article img:hover,
.module-c2-article .zone-middle .vignette-article .active{
	opacity : 1;
    filter : alpha(opacity=100);
}

/************************************ C4 ****************************/
	
.module-c4-random{
	padding:10px 0px;
}
.module-c4-random .zone-top{padding-top:10px;}
.module-c4-random .zone-middle{padding-top:10px;}
.module-c4-random .zone-middle a{display:block; margin:0px 7px 7px 0px; float:left;}
.module-c4-random .titre{	
	filter:none;
	background-image:url('../../img/titres/envrac.png');
	background-repeat:no-repeat;
	_background-image:none !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/titres/envrac.png', sizingMethod='crop');
	height:44px;
	width:212px;
	text-indent:-5000px;
	overflow:hidden;
	position:absolute;
}
.module-c4-random .rimg{
	width:100px;
	height:100px;
	border:5px solid #FFFFFF;
}
.module-c4-random .rimg:hover{
	border:5px solid #D1718A;
}






/******************************************************************/
/***************************** ADMIN ******************************/
/******************************************************************/





.module-admin{padding:10px;}

.module-admin fieldset{
	border:1px solid #D07189; padding:5px;
}
.module-admin legend{margin:10px;}

.module-admin label{display:bloxk; float:left; width:110px;}
.module-admin input.date{float:left; margin-right:10px;}
.module-admin .aide{font-size:11px;}


 
 .module-c4-random .rimg
 
 /**** cropper ***/



#admin .box-middle{width:500px;}


#admin hr{margin:20px 0;}
		
#admin #main{
	margin:5%;
	position:relative;
	overflow:auto;
	color:#aaa;
	padding:20px;
	border:1px solid #888;
	background-color:#000;
	text-align:center;
}

#resize_coords{
	width:300px;
}
		
#previewExample3{
	margin:10px;
}

.yellowSelection{
	border: 2px dotted #FFB82F;
}

.blueMask{
	background-color:#00f;
	cursor:pointer;
}



/*the wrapper is added around the image*/
.cropperWrapper{
	margin:auto;
	padding:0;
}

/*This is the selection box*/
.cropperResize{
	border: 1px dashed #f00;
	background:transparent url('blank.gif') center center repeat;
	cursor:move;
}

/*This is the general handle style*/
.cropperHandle{
	background-repeat:no-repeat;
	background-position:center center;
}

/*Top handle*/
.cropperHandle.top{
	cursor:n-resize;
	background-image:url('handle-ns.gif');
}

/*Bottom handle*/
.cropperHandle.bottom{
	cursor:s-resize;
	background-image:url('handle-ns.gif');
}

/*Right handle*/
.cropperHandle.right{
	cursor:e-resize;
	background-image:url('handle-ew.gif');
}

/*Left handle*/
.cropperHandle.left{
	cursor:w-resize;
	background-image:url('handle-ew.gif');
}

/*Top-left corner handle*/
.cropperHandle.top.left{
	cursor:nw-resize !important;
	background-image:url('handle-nw.gif') !important;
}

/*Bottom-right corner handle*/
.cropperHandle.bottom.right{
	cursor:se-resize !important;
	background-image:url('handle-nw.gif') !important;
}

/*Top-right corner handle*/
.cropperHandle.top.right{
	cursor:ne-resize !important;
	background-image:url('handle-ne.gif') !important;
}

/*Bottom-left corner handle*/
.cropperHandle.bottom.left{
	cursor:sw-resize !important;
	background-image:url('handle-ne.gif') !important;
}

/*Cropping mas*/
.cropperMask{
	background-color:#000;
	cursor:pointer;
}


/*The coordinates box*/
.cropperCoordinates{
	background-color:#eee;
	padding:20px 5px 5px;
	font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size:11px;
	width:auto;
	border:1px solid #888;
}

.cropperCoordinates div.topbar{
	cursor:move;
	text-align:center;
	background-color:#fff;
	color:#ccc;
	border-bottom:1px solid #ccc;
}

/*preview in coordinates box*/
.cropperCoordinates div.preview{
	text-align:left;
	float:left;
	border:1px solid #f00;
}

/*the magic hack for IE*/
.cropperCoordinates.IE div.preview{
	width:1%;
}

/*labels in coordinates box*/
.cropperCoordinates label{
	display:block;
	float:left;
	text-align:right;
	width:20px;
	padding:0 3px;
	color:#f00;
	font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size:11px;
}

/*inputs in coordinates box*/
.cropperCoordinates input{
	width:20px;
	padding:0;
	height:13px;
	float:left;
	color:#333;
	border:1px solid #f00;
	font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size:11px;
	text-align:center;
}

/*the paragraph containing the buttons (if any) in the coordinates box*/
.cropperCoordinates p{
	margin:0;
	padding:5px 0 0 0;
	text-align:center;
	clear:left;
}

/*save/download buttons in the coordinates box*/
.cropperCoordinates button{
	margin:0 2px;
	outline:0;
	font-size:11px;
	font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}