/* ----- STYLES GENERAUX ----- */
img, div, a, input, p { behavior: url("images/iepngfix/iepngfix.htc") }

body,ul,li,p,a,h1,h2,h3,h4,html,input,img,div,label,table,tr,td,textarea
{
    margin:				0px;
    padding:			0px;
    font-family:		arial,sans-serif;
    background-color:	Transparent;
    background-repeat:	no-repeat;
}

div{
	overflow:			hidden;
}

body{
	background:			#666 url('images/sitebg.jpg') repeat-x top left;
	/*margin:				0 auto;*/
	width:				100%;
}

a{
	text-decoration:	none;
}

a img{
	border:none;
}

/* ------ STRUCTURE GLOBALE ----- */

div#topdiv{
	position:			relative;
	top:				0;
	left:				0;
	height:				189px;
	width:				1024px;
	overflow:visible;
}
div#middlediv{
	position:			relative;
	top:				0;
	left:				0;
	height:				432px;
	width:				1024px;

}
div#bottomdiv{
	position:			relative;
	top:				0;
	left:				0;
	width:				1024px;
}

div#topdiv,div#bottomdiv{
	position:			relative;
	top:				0;
	left:				0;
	font-size:			11px;
	color:				black;
}

div#logo{
	position:			absolute;
	top:				55px;
	left:				26px;
	width:				203px;
	height:				102px;
	background:			url('images/logo.jpg') no-repeat top left;
}

div#autres_haut{
	position:			absolute;
	top:				81px;
	left:				874px;
	width:				150px;
	height:				108px;
	background:			url('images/autres_haut.jpg') no-repeat top left;
}

div#autres_bas{
	width:				2615px;
	height:				145px;
	background:			url('images/autres_bas.jpg') no-repeat top left;
}


/* ----- MENU ----- */

div#menu1,div#menu2,div#menu3,div#menu4,div#menu5,div#menu6,div#menu5accueil{position:absolute;top:85px;height:104px;}

div#menu1{left:260px;width:106px;background:url('images/menu/menu1_off.jpg') no-repeat top left;}
div#menu6{left:375px;width:106px;background:url('images/menu/menu6_off.jpg') no-repeat top left;}
div#menu2{left:490px;width:108px;background:url('images/menu/menu2_off.jpg') no-repeat top left;}
div#menu3{left:600px;width:113px;background:url('images/menu/menu3_off.jpg') no-repeat top left;}
div#menu4{left:720px;width:106px;background:url('images/menu/menu4_off.jpg') no-repeat top left;}
div#menu5{left:835px;width:106px;background:url('images/menu/menu5_off.jpg') no-repeat top left;}
div#menu5accueil{left:850px;width:106px;background:url('images/menu/menu5_off_accueil.jpg') no-repeat top left;}


/* ----- MENU : hover ----- */

a.menu1:hover,a.menu2:hover,a.menu3:hover,a.menu4:hover,a.menu5:hover, a.menu6:hover, a.menu5accueil:hover{display:block;}

a.menu1:hover{background:url('images/menu/menu1_on.jpg') no-repeat top left;}
a.menu6:hover{background:url('images/menu/menu6_on.jpg') no-repeat top left;}
a.menu2:hover{background:url('images/menu/menu2_on.jpg') no-repeat top left;}
a.menu3:hover{background:url('images/menu/menu3_on.jpg') no-repeat top left;}
a.menu4:hover{background:url('images/menu/menu4_on.jpg') no-repeat top left;}
a.menu5:hover{background:url('images/menu/menu5_on.jpg') no-repeat top left;}
a.menu5accueil:hover{background:url('images/menu/menu5_on_accueil.jpg') no-repeat top left;}


/* ----- MENU : actif ----- */

div#menu1actif,div#menu2actif,div#menu3actif,div#menu4actif,div#menu6actif,div#menu5actif{position:absolute;top:85px;height:104px;}
div#menu1actif{left:260px;width:106px;background:url('images/menu/menu1_on.jpg') no-repeat top left;}
div#menu6actif{left:375px;width:106px;background:url('images/menu/menu6_on.jpg') no-repeat top left;}
div#menu2actif{left:490px;width:108px;background:url('images/menu/menu2_on.jpg') no-repeat top left;}
div#menu3actif{left:600px;width:113px;background:url('images/menu/menu3_on.jpg') no-repeat top left;}
div#menu4actif{left:720px;width:106px;background:url('images/menu/menu4_on.jpg') no-repeat top left;}
div#menu5actif{left:835px;width:106px;background:url('images/menu/menu5_on.jpg') no-repeat top left;}

/* ----- ACCUEIL ----- */

div#accueil_haut{
	position:			absolute;
	top:					87px;
	left:				858px;
	width:				236px;
	height:				102px;
	background:			url('images/accueil/accueil_haut.jpg') no-repeat top left;
}

div#accueil_bas{
	width:				262px;
	height:				73px;
	background:			url('images/accueil/accueil_bas.jpg') no-repeat top left;
}

/* ----- AGENCE ----- */

div#agence_left{
	height:				432px;
	width:				576px;
	display:			block;
}

div#agence_right{
	height:				432px;
}

div#agence_txt{
	position:			relative;
	top:				50px;
	left:				30px;
	width:				310px;
	/*text-align:			justify;*/
}

/* ----- PORTFOLIO ----- */



/* ----- REFERENCES ----- */

div#refbas{
	position:			absolute;
	left:				0;
	top:				30px;
	width:				242px;
	height:				402px;
	background:			url('images/references/references.jpg') no-repeat top left;
}

div#refliste{
	position:			absolute;
	left:				320px;
	top:					11px;
	width:				555px;
	height:				408px;
}

table#reftable td{
	font-size:			11px;
	text-transform:		uppercase;
	color:				white;
	font-weight:		bold;
}

table#reftable td.puce{
	background:			url('images/references/puce.png') no-repeat top left;
	height:				15px;
	width:				25px;
}

table#reftable td a{
	color:				white;
}

table#reftable td a:hover{
	color:				#bdcf00;
}

div#ref_arrowleft,div#ref_arrowright{
	position:			absolute;
	top:				200px;
	width:				18px;
	height:				40px;
}

div#ref_arrowleft{
	left:				290px;
	visibility:			hidden;
}

div#ref_arrowright{
	left:				880px;
}

div.refseparateur{
	height:				10px;
}

/* ----- CONTACT ----- */

div#contact_gauche{
	position:			absolute;
	top:				187px;
	left:				10px;
	width:				219px;
	height:				245px;
	background:			url('images/contact/contact_gauche.jpg') no-repeat top left;
}

div#contact_milieu{
	position:			absolute;
	top:				0;
	left:				232px;
	width:				790px;
	height:				432px;
/*	background:			#353535 url('images/contact/contact_milieu.jpg') no-repeat top left;*/
	background:			#353535;
}

div#contact_logo{
	position:				absolute;
	top:					30px;
	left:				548px;
	width:				164px;
	height:				66px;
	background:			url('images/contact/contact_logo.png') no-repeat top left;
}

div#contact_infos{
	position:			absolute;
	top:					128px;
	left:				552px;
	text-align:			left;
}

table#contact_table td a{
	color:				#cbd217;
}

span.contacttxt{
	color:				white;
	font-size:			12px;
	font-weight:		bold;
}

div#plan{
	position:			relative;
	top:				0;
	left:				0;
	width:				287px;
	height:				432px;
}

/* ----- CURSEURS ----- */
body{
	cursor:				url('cursors/green.cur');
}
a.menu5,a.menu5accueil{
	cursor:				url('cursors/green_link.cur');
}

/* ----- FOOTER ----- */
div#footer{
	position:				absolute;
	top:					100px;
	left:				250px;
	width:				600px;
	height:				40px;
	text-align:			center;
}
div#footer, div#footer a{
	font-size:			11px;
	color:				#ccc;
}

div#footer a:hover{
	color:				#bdcf00;
}

div#accueil_basdroite{
	position:				absolute;
	top:					45px;
	left:				571px;
	width:				416px;
	height:				39px;
	background:			url('images/accueil/accueil_basdroite.jpg') no-repeat top left;
}

div#footer_description {

	position:absolute;
	top:5px;
	left:270px;
	color:#ccc;
	font-size:9pt;
	width:750px;
}


/* ----- SITEMAP ----- */
ul#sitemap{
	list-style:			none;
}

ul#sitemap li{
	background:			url('images/sitemap/puce.png') no-repeat 2px left;
	text-indent:		20px;
}

ul#sitemap li a{
	font-size:			12px;
	color:				white;
}

ul#sitemap li a:hover{
	color:				#bdcf00;
}

/* ----- LIENS PARTENAIRES ----- */

td.part{
	padding:			0 10px 10px 10px;
}

td.part, td.part a{
	font-size:			11px;
	color:				white;
}

.partnom{
	color:				#bdcf00;
	font-size:			14px;
	font-weight:		bold;
}
.parturl{
	color:				#bdcf00;
}

/* ----- PORTFOLIO ----- */

div#portfolio_bas{
	position:			absolute;
	top:				326px;
	left:				0;
	width:				162px;
	height:				106px;
	background:			url('images/portfolio/portfolio_bas.jpg') no-repeat top left;
}

div#portfolio_categories{
	position:			absolute;
	top:				30px;
	left:				0;
	width:				280px;
	height:				400px;
	font-size:			11px;
}

a.cat_bleu,a.cat_rose,a.cat_orange,a.cat_jaune,a.cat_violet,a.cat_violet_clair,a.cat_vert,a.cat_rouge,
a.cat_bleuactif,a.cat_roseactif,a.cat_orangeactif,a.cat_jauneactif,a.cat_violetactif,a.cat_violet_clairactif,a.cat_vertactif,a.cat_rougeactif{
	text-transform:		uppercase;
	color:				#666;
	font-size:			10px;
	display:			block;
	height:				18px;
	line-height:		18px;
}

a.cat_bleu:hover,a.cat_bleuactif{background:url('images/portfolio/bleu.jpg') no-repeat top right;color:white;}
a.cat_rose:hover,a.cat_roseactif{background:url('images/portfolio/rose.jpg') no-repeat top right;color:white;}
a.cat_orange:hover,a.cat_orangeactif{background:url('images/portfolio/orange.jpg') no-repeat top right;color:white;}
a.cat_jaune:hover,a.cat_jauneactif{background:url('images/portfolio/jaune.jpg') no-repeat top right;color:white;}
a.cat_violet:hover,a.cat_violetactif{background:url('images/portfolio/violet.jpg') no-repeat top right;color:white;}
a.cat_violet_clair:hover,a.cat_violet_clairactif{background:url('images/portfolio/violet_clair.jpg') no-repeat top right;color:white;}
a.cat_vert:hover,a.cat_vertactif{background:url('images/portfolio/vert.jpg') no-repeat top right;color:white;}
a.cat_rouge:hover,a.cat_rougeactif{background:url('images/portfolio/rouge.jpg') no-repeat top right;color:white;}

td.portfoliosepa{
	height:				20px;
}

div#portfolio_zoom{
	position:			absolute;
	top:				0;
	left:				290px;
	width:				580px;
	height:				432px;
	font-size:			11px;
	color:				white;
	text-align:			center;
}

div#portfolio_miniatures{
	position:			absolute;
	top:				37px;
	left:				880px;
	width:				150px;
	height:				360px;
}

div#portfolio_arrowup,div#portfolio_arrowdown{
	position:			absolute;
	left:				938px;
	width:				40px;
	height:				18px;
}

div#portfolio_arrowup{
	top:				22px;
	visibility:			hidden;
}

div#portfolio_arrowdown{
	top:				405px;
}

div.bordure{
	position:			relative;
	top:				0;
	left:				0;
	width:				60px;
	height:				60px;
	border:				1px solid white;
}