/*
Theme Name: In-Sight.fr
Theme URI: http://www.future-creation.com
Description: Auteurs : Graphisme : Cyril MARIE & Montage : Luc MICHEAU
Version: 1.0
Author: © Future Création

*/
html, body {
	/*height:auto;min-height:100%;width:100%;*/
	margin: 0px;
	padding: 0px;
	height: 100% /* que si on veut un site avec une gestion 100% de hauteur de DIV */;
	color: #2D150F;
}
body {
	background-color: #2d150f;
	background-attachment: scroll;
	background-image: url(images/in-sight-fond.jpg);
	background-repeat: no-repeat;
	background-position: center top;

}
.both{
	clear:both;
}
.alignleft{
	float:left;
	margin: 5px 10px 5px 0px;
}
.alignright{
	float:right;
	margin: 5px 10px 5px 0px;
}
/* Correction marges paragraphe ie, firefox */
p{
	margin:0px;
	padding-bottom:10px;
}
/* Gestion bug ie */
br
{
	letter-spacing : 0px;
}
.color8 a	{color:#c1c300;}
.color8 h1	{color:#c1c300;}
.color8 h6	{color:#c1c300;}

.color11 a	{color:#ec7603;}
.color11 h1	{color:#ec7603;}
.color11 h6	{color:#ec7603;}

.color13 a	{color:#65abb2;}
.color13 h1	{color:#65abb2;}
.color13 h6	{color:#65abb2;}

.color16 a 	{color:#c90075;}
.color16 h1 {color:#c90075;}
.color16 h6 {color:#c90075;}

.color18 a	{color:#147f30;}
.color18 h1	{color:#147f30;}
.color18 h6	{color:#147f30;}

.color20 a	{color:#cd2933;}
.color20 h1	{color:#cd2933;}
.color20 h6	{color:#cd2933;}

.color22 a	{color:#fff;}
.color22 h1	{color:#fff;}

.color36 a	{color:#fff;}
.color36 h1	{color:#fff;}

.color39 a	{color:#fff;}
.color39 h1	{color:#fff;}


h1{
	margin:0px;
	padding:0px;
	padding-bottom:20px;	
}

h2{
	color:#fff;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
}
h3{
	color:#987863;
	font-size:16px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	padding-bottom:5px;
}
h4{
	margin:0px;
	padding:0px;
	padding-bottom:10px;
}
h5{
	margin:0px;
	padding:0px;
	padding-bottom:10px;
}
h6{
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	font-size: 16px;
	font-weight: bold;	
}


img{
	border:none;
}
/*Permet de positionner une image dans une div contenant du texte comme pour COLL ETT DIEU.com */
.floatimage {
   float : left;
   margin : 5px 10 0px 0px;  
   display : inline;
 /*C'est la dernière valeur qui indique 0px de marge à gauche */
}
.idden {
	display:none;
	/*permet de faire des titre quand les styles sont desactivé*/
}
.corp {
	min-height: 100%;
	width: 1000px;
	font-size: 14px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	position: relative;
	
}
.both {
	clear: both;
}
.zone-flash1 {

}


.zone-flash {
	height: 106px;
	position: relative;
}

.zone-flash .flash {
	position: absolute;
	left: 47px;
	top: 0px;
}
.zone-flash .slogan {
	position: absolute;
	top: 35px;
	right: 66px;
}
.fond-bottom-02 {
	background-attachment: scroll;
	background-image: url(images/in-sight_bottom-02.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.tab-h100 {
	height: 100%;
}
.zone-bas {
	position: absolute;
	height: 82px;
	width: 1000px;
	left: 0px;
	bottom: 0px;
	background-image: url(images/in-sight_bottom.png);
	background-position: 655px bottom;
	background-attachment: scroll;
	background-repeat: no-repeat;
}
.zone-bas .bottom {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.zone-bas .bottom a{
	color: #FFF;
	text-decoration:none;
}
.zone-bas .bottom a:hover{
	color: #C00;
	text-decoration:none;
}
.zone-bas .bottom .defaut {
	color:#F00;
}
.dj  {
	color:#D6D700;
}
.design   {
	color:#F29400;
}
.video   {
	color:#96D0C8;
}
.exhibition   {
	color:#E2007A;
}
.organisation   {
	color:#41A62A;
}
.photo   {
	color:#D3002C;
}
.zone-bas .bottom .gauche {
	text-align: right;
	float: left;
	width: 660px;
	padding-top: 40px;
}
.zone-bas .bottom .droite {
	text-align: left;
	float: right;
	width: 210px;
	padding-top: 40px;
}
.contenu {
	padding-bottom: 90px;
	padding-top: 20px;
}
.contenu .droite {
	float: right;
	width: 720px;
	padding-top: 20px;
}

.contenu .droite .bulle-top {
	background-attachment: scroll;
	background-image: url(images/fond-page-01.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 11px;
}
.contenu .droite .bulle-centre {
	background-attachment: scroll;
	background-image: url(images/fond-page-02.png);
	background-repeat: repeat-y;
	background-position: right top;
	position: relative;
	padding-left: 15px;
	padding-top: 60px;
	padding-right: 83px;
	margin-bottom: 0px;
}
.contenu .droite .bulle-centre-accueil {
	background-attachment: scroll;
	background-image: url(images/fond-page-02.png);
	background-repeat: repeat-y;
	background-position: right top;
	position: relative;
	padding-left: 15px;
	padding-right: 0px;
	margin-bottom: 0px;
	margin-top:0px;
	height: 500px;
}
.contenu .droite .bulle-centre-accueil .position-top{
	position:absolute;
	top:-40px;
	left:15px;
}
.contenu .droite .bulle-centre-accueil .home-packglobal{
	position:absolute;
	top:470px;
	left:23px;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
}
.contenu .droite .bulle-centre p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.contenu .droite .bulle-centre a{
	text-decoration:none;
	color:#FFF;
}
.contenu .droite .bulle-centre a:hover{
	text-decoration:underline;
	color:#C00;
}
.contenu .droite .bulle-bottom {
	background-attachment: scroll;
	background-image: url(images/fond-page-03.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 76px;
}
.contenu .gauche {
	float: left;
	width: 248px;
	text-align: right;
}
.contenu .gauche .menu {
	padding-bottom: 20px;
}
.contenu .gauche .menu img {
	border: none;
}
.contenu .gauche .texte {
	font-size: 16px;
	color: #FFF;
	letter-spacing: 1px;
}
.home-fond-bulle {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 166px;
	width: 331px;
	float: left;
	position:relative;
}
.home-fond-bulle .home-lien{
	position:absolute;
	top:0px;
	left:0px;
}
.home-fond-bulle .texte{
	font-size:14px;
	color:#FFF;
	padding-top: 55px;
	padding-left: 22px;
	font-weight: bold;
}
.home-fond-bulle h6{
	position:absolute;
	bottom:-3px;
	left:45px;
	font-size: 18px;
	letter-spacing: 1px;
}
.actu .separateur{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AB8978;
	margin-bottom: 15px;
	padding-top: 40px;
}
.actu .separateur .date{
	font-weight: bold;
	float: right;
	padding-top: 5px;
}
.actu .contenu {
	padding:0px;
	margin:0px;
}
.actu .separateur .titre{
	font-weight: bold;
	float: left;
	font-size: 18px;
	text-transform: uppercase;
}

.actu .separateur .titre a{
	color:#FFF;
	text-decoration:none;
}

.actu .separateur .titre a:hover{
	color:#960;
	text-decoration:none;
}

.actu h1{
	padding:0px;
	margin:0px;
	padding-bottom:10px
}
.actu h2{
	padding:0px;
	margin:0px;
	padding-bottom:10px
}
.actu h3{
	padding:0px;
	margin:0px;
	padding-bottom:10px
}
.actu h4{
	padding:0px;
	margin:0px;
	padding-bottom:10px
}
.actu h5{
	padding:0px;
	margin:0px;
	padding-bottom:10px
}
.actu h6{
	padding:0px;
	margin:0px;
	padding-bottom:10px
}

.sous-menu{
	color:#FFF;	
}

.sous-menu a{
	color:#FFF;
	text-decoration:none;
}

.sous-menu a:hover{
	color:#960;
	text-decoration:none;
}
.slideshowlink{
	display:none;
}
.contenu .droite p a{
	color:#fff;
}
.contenu .droite p a:hover{
	color:#C00 !important;
}