@charset "utf-8";
/* CSS Document */

BODY , HTML {
	width:100%;
	height:100%;
	border:none;
	margin:0;
	padding:0;
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size:14pt;
	background-color:#000;
	/*overflow:hidden;*/
}

IMG {
	border:0;
}

#wait {
	background-image:url(../images/wait.gif);
	background-position:center 50%;
	background-repeat:no-repeat;
	height:100%;
	position:fixed;
	width:100%;
	z-index:1;
	/*overflow:hidden;*/
}

#wait IMG{
	position:absolute;
	top:0px;
}

#left {
	/*height:100%;
	width:233px;
	position:absolute;
	z-index:10;*/
	height:100%;
	position:absolute;
	width:0px;
	z-index:10;
}/*
#left #toptop{
	background-image:url(../images/fond-bleu.png);
	background-repeat:repeat-y;	
	top:0;
	width:100%;	
	height:1%;
	float:left;
}
#left #top{
	bottom:0;
	width:100%;	
	float:left;
}
#left #bottom{
	background-image:url(../images/fond-jaune.png);
	background-repeat:repeat-y;	
	bottom:0;
	width:100%;	
	height:100%;
	float:left;
}
#left A{
	float:left;
	height:597px;
}*/

#right {
	/*height:550px;
	width:975px;
	position:absolute;
	z-index:11;
	top:2%;
	right:5%;
	height:100%;*/
	position:absolute;
	top:2%;
	left:15%;
	width:70%;
	z-index:11;
}

#right.galerie {
	margin:2% auto 0 auto;
	width:80%;
}
#right A.btn-theatre{
	background-image:url(../images/theatre-spectacle.jpg);
	width:125px;
	height:188px;
	left: 501px;
    top: 330px;
	z-index:-3 !important;
}
#right A.btn-mariage{
	background-image:url(../images/mariage_photo_toulouse.jpg);
	width:182px;
	height:133px;
	top:42px;
	left:57px;
}
#right A.btn-portfolio{
	background-image:url(../images/portfolio_book_ianic.jpg);
	width:145px;
	height:292px;
	top:0px;
	left:251px;
}
#right A.btn-amerique{
	background-image:url(../images/amerique_nord_photo.jpg);
	height:149px;
    left: 648px;
    top: 0px;
	width:235px;
	z-index:-2 !important;
}
#right A.btn-pub{
	background-image:url(../images/martinique-caraibes.jpg);
	width:189px;
	height:101px;
	left: 638px;
    top: 395px;
}
#right A.btn-webdesign{
	background-image:url(../images/webdesign_index_8.jpg);
	width:64px;
	height:158px;
	top:343px;
	left:50px;
}
#right A.btn-maroc{
	background-image:url(../images/maroc_photo.jpg);
	width:236px;
	height:86px;
	top:305px;
	left:164px;
}
#right A.btn-photo{
	background-image:url(../images/flickr_yannick_gatellier.jpg);
	width:150px;
	height:76px;
	top:403px;
	left:246px;
}
#right A.btn-contact{
	background-image:url(../images/coordonnees_yannick_gatellier.jpg);
	width:114px;
	height:234px;
	top:217px;
	left:408px;
}
#right A.btn-dominica{
	background-image:url(../images/dominica_kwibish.jpg);
	width:207px;
	height:164px;
	top:74px;
	left:408px;
}

#right A.btn-ilereunion{
	background-image:url(../images/ile-reunion.jpg);
	width:265px;
	height:72px;
	left: 533px;
    top: 246px;
}

#right A.btn-siteweb{
	background-image:url(../images/site-web.jpg);
	width:93px;
	height:112px;
	left:147px;
	top:187px;
}


#right A.btn-accueil{
	width:65px;
	height:124px;
	top:0px;
	left:0px;
	position:fixed;
	border:none;
	opacity:0.4;	

}

#right A.btn-accueil:hover{
	opacity:1;
}
#boutonplus A.btn-dominica{
	width:289px;
	height:89px;
	top:0px;
	right:0px;
	position:fixed;
	border:none;
	opacity:0.4;
}
#boutonplus A.btn-dominica:hover{
	opacity:1;
}



#right A {
	font-size:0;
	float:left;
	background-position:top left;
	border:12px solid #FFFFFF;
	position:absolute;
	line-height:0;
	text-decoration:none;
	color:#FFFFFF;
}

#right A.btn-mariage:HOVER  ,#right A.btn-portfolio:HOVER , #right A.btn-amerique:HOVER , #right A.btn-pub:HOVER , #right A.btn-webdesign:HOVER , #right A.btn-photo:HOVER , #right A.btn-contact:HOVER , #right A.btn-theatre:HOVER , #right A.btn-dominica:HOVER , #right A.btn-ilereunion:HOVER , #right A.btn-siteweb:HOVER , #right A.btn-maroc:HOVER {
	background-position:top right;
}
 #right A.btn-contact:HOVER {
	width:228px;	
}
#right A.btn-amerique:HOVER {
	height:333px;
	z-index:1;
}





/*#right visuel.one{
	width:151px;
	height:221px;
}
#right visuel.two{
	width:182px;
	height:133px;
}
#right visuel.tree{
	width:145px;
	height:292px;
}
#right visuel.four{
	height:175px;
	width:447px;
}
#right visuel.five{
	width:239px;
	height:105px;
}
#right visuel.six{
	width:64px;
	height:158px;
}
#right visuel.seven{
	width:232px;
	height:214px;
}
#right visuel.eight{
	width:114px;
	height:234px;
}*/



#right .visuel {
	float:left;	
	height:auto;
	width:auto;	
    	/*margin:30px;
	opacity : 0.4;*/
	margin:0;
	border:30px solid white;

	
}
#right .visuel IMG{
	
}

#right .visuel:HOVER {
	margin:0;
	border:30px solid white;
	z-index:100;
}
#right .visuel H1 {
	padding:0 0 0 10px;
	text-transform:uppercase;
	width:230px;
	opacity:1;
}
#right .visuel H2 {
	width:230px;
	clear:both;
}
#right .visuel H1.pub {
	color:#cf0302;
	float:left;
	width:300px;
}
#right .visuel H1.ame {
	color:#fdd908;
	float:left;
	width:300px;
}
#right .visuel H1.martinique {
	color:#a1e400;
	float:left;
	width:300px;
}
#right .visuel H1.maroc {
	color:#930209;
	float:left;
	width:300px;
}
#right .visuel H1.dominique {
	color:#f8e31d;
	float:left;
	width:300px;
}
#right .visuel H1.graphi {
	color:#fc8806;
	float:left;
	width:300px;
}
#right .visuel H1.web {
	color:#94b8b1;
	float:left;
	width:300px;
}
#right .visuel H1.run {
	color:#6f6458;
	float:left;
	width:300px;
}
#right .visuel H2.reun {
	color:#928474;
}
#right .visuel H1.theatre {
	color:#65533f;
	float:left;
	width:300px;
}
#right .visuel.domi {
	color:#5a040e;
	background-color:#000000;
}
 #right .visuel H2{
	color:#ffffff;
	float:left;
	width:300px;
	font-weight:lighter;
	padding:0 0 0 10px;
}




#footer {
	font-size:8pt;
	position:fixed;	
	bottom:0;
	right:0;
	z-index:100;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	width:100%;
	height:21px;
	text-align:right;
	padding:10px 2% 0 0 ;
	background-image:url(../images/fond-footer.png);
	background-repeat:repeat;
}
#footer.pub {
	background-color:#cf0302;
	background-image:none;
}
#footer.pub A{
	color:#fff;
	border-right:1px dotted #fff	;
}
#footer.pub A:hover{
	color:#4b0101	;
}
#footer.dom {
	background-color:#e6b50f;
	background-image:none;
}
#footer.dom A{
	color:#000;
	border-right:1px dotted #fff	;
}
#footer.dom A:hover{
	color:#75df9d	;
}
#footer.mar {
	background-color:#930209;
	background-image:none;
}
#footer.mar A{
	color:#fff;
	border-right:1px dotted #fff	;
}
#footer.mar A:hover{
}
#footer.mart {
	background-color:#a1e401;
	background-image:none;
}
#footer.mart A{
	color:#000;
	border-right:1px dotted #fff	;
}
#footer.mart A:hover{
	color:#fff	;
}
#footer.reuni {
	background-color:#6f6458;
	background-image:none;
}
#footer.reuni A{
	color:#d6d3ce;
	border-right:1px dotted #fff	;
}
#footer.reuni A:HOVER{
	color:#fff	;
}
#footer.webs {
	background-color:#94b8b1;
	background-image:none;
}
#footer.theatres {
	background-color:#65533f	;
	background-image:none;
}
#footer.theatres A{
	color:#000;
	border-right:1px dotted #000	;
}
#footer.theatres A:hover{
	color:#fff	;
}
#footer.graph {
	background-color:#fc8806;
	background-image:none;
}
#footer.ameri {
	background-color:#fdd908;
	background-image:none;
}
#footer.graph A{
	color:#000;
	border-right:1px dotted #000	;
}
#footer.graph A:hover{
	color:#fff	;
}
#footer.pub P {
	color:#FFFFFF;
}
#footer A{	
	color:#032521;
	text-decoration:none;
	border-right:1px dotted #086056	;
	margin-right:5px;
	padding-right:5px;
	line-height:14px;
}
#footer A:HOVER{
	color:#086056;
	text-decoration:none;
}
#footer P{
	text-align:left;
	margin:0 0 0 10px;
	padding:0 0 0 20px;
	line-height:14px;
	float:left;
	text-transform:none;
	color:#000;	
}
#footer .mention {
	font-size:9px;
}


#herbe {
	position:absolute;	
	bottom:0;
	right:0;
	z-index:50;
	width:100%;
	height:416px;
	padding:0 0 ;
	background-image:url(../images/wait.gif);
	background-position:center 50%;
	background-repeat:no-repeat;	
}


#ianic {
	bottom:24%;
	height:115px;
	padding:0;
	position:fixed;
	right:0;
	width:238px;
	z-index:65;
}