body{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background-color: #FDFCFC;
	overflow: hidden;
}

a{
	text-decoration: none;
	outline: medium none;
}


#bg_top_left, #bg_top_right, #bg_bottom_right, #bg_bottom_left {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	
	/*border: 1px dashed red;*/
}


#bg_top_left {
	background: url(../../img/bg_top_left.gif) no-repeat top left;
}

#bg_top_right {
	background: url(../../img/bg_top_right.gif) no-repeat top right;
}

#bg_bottom_right {
	background: url(../../img/bg_bottom_right.gif) no-repeat bottom right;
	
}

#bg_bottom_left {
	background: url(../../img/bg_bottom_left.gif) no-repeat bottom left;
}

#wrapper {
	bottom: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	/*background-color: #330099;*/
}



/* Header */

#header {
	width: 90%;
	min-width: 900px;
	height: 137px;
	min-height: 90px;
	margin: 0 auto;
	padding: 0px;
	/*background-color: #33CCFF;*/
}


#header img{
	border: none;
}

#logo{
	position:relative;
	float: left;
	height: 30px;
	width: 400px;
	padding-top: 15px;
	padding-left: 8px;
	margin-top: 30px;
	/*background-color: #993366;	*/
	
}


#GDF{
	position:absolute;
	right: 0px;

}


#contact{
	position: absolute;
	top: 0px;
	right: 50px;
	/*background-color: #CC6633;*/	
}

#contact a {
	display: block;
	height: 48px;
	width: 192px;
}

#contact a#menu4{
	background: url(../../img/bt_contact.png) no-repeat left;
}

#contact a#menu4:hover{
	background-position: right;
}

#bulle{
	background: url(../../img/bulle.png) no-repeat;
	width: 30px;
	height: 23px;
	float: right;
	margin-top: 8px;
	display: none;
}


/* Page */

#content_large{
	/*background-color: #336699;*/
}


#content{
	position: relative;
	width: 795px;
	height: 565px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px; /* moitié de la hauteur */ 
	padding: 0px;
	/*background-color: #FDFCFC;*/
	
	/*border: 2px solid yellow;*/

}


/* Footer */

#footer{
	position: absolute;
	bottom: 0px;
	left: 10%;
	width: 80%;
	min-width: 545px;
	height: 94px;
	
	background-color: #fdfcfc;
	
	/*border: 1px solid grey;*/
}

#menu{
	position: relative;
	width: 400px;
	height: 70px;
	margin-left: -200px;
	left: 50%;
	margin-bottom: 0px;
	
	/*background-color: #6666FF;*/
	
}


ul#navigation li { float: left;  list-style: none; margin: 0; padding: 10px 8px; background-position : left;  }

ul#navigation li a { display: block; margin-right: 15px; margin-bottom:30px; }

ul#navigation li a:hover { background-position : right; cursor: pointer; }


#navigation a {
	height:33px;
	width: 85px;
}

#navigation a#menu1 {
	background-image: url(../../img/bt_home.jpg);
}

#navigation a#menu2{
	background-image: url(../../img/bt_works.jpg);
}

#navigation a#menu3{
	background-image: url(../../img/bt_about.jpg);
}


#footer_fleche{
	position: absolute;
	background: url(../../img/footer_fleche.png) no-repeat;
	width: 34px;
	height: 18px;
	bottom: 0px;
	left: 70px;
}

#footer_devant{
	position:absolute;
	bottom: 0px;
	width: 100%;
	height: 44px;
	background: url(../../img/menu_devant.png) no-repeat bottom;
	z-index: 100;
	
	/*border: 2px dotted red;*/
}


#page_actuel{
	display: none;
}

#nbobjet{
	display: none;
}

.charge{
	position: absolute;
	width: 28px;
	height: 28px;
	margin: 0px;
	padding: 0px;
	background:url(../../img/charge/charge2.gif) no-repeat;
	
	z-index: 0;
}


#onglet{
	position: absolute;
	width: 125px;
	height: 39px;
	background-image:url(../../img/onglet.png);
	background-repeat: no-repeat;
	
	padding-top: 10px;
	
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

/* Page HOME */


.home #slide, .works #slide{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 575px;
	margin: 0px;
	padding: 0px;
	/*background-color: #FF00FF;*/
	
	/*border: 2px groove blue;*/
	z-index: 0;
	overflow: hidden;
	
}

.works #slide{
	width: 780px;
	margin-left: 5px;
	/*border: 2px groove green;*/	
}

.home #slide{
	width: 860px;
	margin-left: -35px;
}


ul.galerie { list-style: none; margin: 0; padding: 0; }

ul.galerie li, ul.galerie li a { display: block; float: left; position: relative; width: 200px; height: 164px; margin-right: 15px; margin-bottom:30px; background-color: #FFF; text-decoration: none; font-size: 10px; color: #0779BE; }

ul.galerie li:hover { cursor: pointer; }

ul.galerie .img_fleche{
	position:absolute;
	width: 22px;
	height: 9px;
	bottom: 75px;
	right: 17px;
	background: url(../../img/galerie/galerie_fleche.png) no-repeat;
	
	/*background-color: #3366CC;*/
}

ul.galerie .galerie_info .galerie_titre{
	position:absolute;
	width: 200px;
	height: 27px;
	bottom: 48px;
	background: url(../../img/galerie/galerie_titre.jpg) no-repeat;
	
	/*background-color: #3366CC;*/
}

ul.galerie .galerie_info {
	position: absolute;
	width: 200px;
	height: 80px;
	bottom: -4px;
	background: url(../../img/galerie/galerie_info.png) no-repeat bottom;
	/*background-color: #33CCCC;*/
}

ul.galerie  .img_galerie{
	width: 200px;
	border: 0px; 
}

ul.galerie  .galerie_noir{
	display: none;
	position: absolute;
	width: 100%;
	height: 164px;
	
	background-color:#272727;
	
	filter : alpha(opacity=84);
    -moz-opacity : 0.84;
    opacity : 0.84;
}


.galerie_suivante{
	float: left;
	position: relative;
	width: 200px;
	height: 164px;
	margin-right: 15px;
	margin-bottom:30px;
	background:url(../../img/galerie/suivant.jpg) no-repeat;
}

.galerie_suivante:hover{
	background:url(../../img/galerie/suivant_on.jpg) no-repeat;
	cursor: pointer;
}

.galerie_precedente{
	float: left;
	position: relative;
	width: 200px;
	height: 164px;
	margin-right: 15px;
	margin-bottom:30px;
	background:url(../../img/galerie/precedent.jpg) no-repeat;
}

.galerie_precedente:hover{
	background:url(../../img/galerie/precedent_on.jpg) no-repeat;
	cursor: pointer;
}








/*	Page WORKS	*/



.works_top{
	position: relative;
	height: 28px;
	width: 770px;
	
	/*border: 1px solid #F87DE5;*/
}

.img_retour{
	float: left;
	height: 17px;
	width: 141px;
	background:url(../../img/retour_menu.png) no-repeat;
}

.img_retour:hover{
	background-position : bottom;
	cursor: pointer; 
}

.works_indic{
	float: right;
}

#num_id{
	display: none;
}

.works_gauche{
	position: relative;
	float: left;
	width: 500px;
	height: 530px;
	
	overflow:visible;
	
	/*border: 1px solid red; */
	
}

#vue{
	position: relative;
	width: 500px;
	max-height: 494px;
	overflow: hidden;
	
	background-color: #FFFFFF;
	
	text-align: center;
	
}

#vue span{
	display: inline-block;
	margin: auto;
	/*border: 10px solid red;*/
}

.cursorCrosshair {
	cursor: crosshair;
}

#boutonNavig{
	position: absolute;
	display: inline-block;
	right: 0px;
	top: -18px;
	z-index: 70;
	width: 200px;
	
	/*height: 14px;
	padding-top: 4px;
	padding-right: 4px;
	background-color: #FFFFFF;*/
	
	/*border: 1px solid red;*/
}

ul.nav-img {
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
	
	/*border: 1px dashed green; */
}

ul.nav-img li { 
	float: left;
	position: relative;
	padding: 0px 5px;
	
	/*border: 1px dashed yellow;*/
}

ul.nav-img li div{
	width: 9px;
	height: 9px;
	background:url(../../img/rond1.gif) no-repeat;

}

ul.nav-img li div:hover{
	background:url(../../img/rond1_on.gif) no-repeat;
}

ul.nav-img li div.selectionne {
	background:url(../../img/rond1_on.gif) no-repeat;
}

#prec1, #suiv1{
	float: right;
	margin: 0px;
	padding: 0px;
	/*position: relative;*/
	/*float: right;*/
	margin-left: 10px;
	width: 9px;
	height: 9px;
	
}

#prec1{
	background:url(../../img/fleche5-gauche.gif) no-repeat;	
}

#prec1:hover{
	background:url(../../img/fleche5-gauche_on.gif) no-repeat;
}

#suiv1{
	background:url(../../img/fleche5-droite.gif) no-repeat;
}

#suiv1:hover{
	background:url(../../img/fleche5-droite_on.gif) no-repeat;
}

/*
#bas{

	width: 500px;
	height: 36px;
	background: url(../../img/diag.gif) repeat;
}

#bas img{
	float: right;
	display: block;
	width: 51px;
	height: 28px;
	margin: 3px;
	background-color: #FFF;
	border: 1px solid #FFF;
	cursor: pointer;

}

.selectionne{
	filter : alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5;
}
*/

.works_droite{
	float: left;
	position: relative;
	width: 240px;
	height: 530px;
	margin-left: 30px;
	
/*	border: 1px solid blue;*/
}



.voir_site{
	float: right;
	width: 95px;
	height: 15px;
	margin-top: 50px;
	background:url(../../img/voir_site.jpg) no-repeat top;
}

.voir_site:hover{
	background-position : bottom;
	cursor: pointer; 
}

#bras{
	position: absolute;
	width: 100%;
	height: 1px;
	display: none;
	z-index: 100;
	
	/*border: 1px dashed green;*/
}

.bras_suivant{
	/*position: absolute;*/
	float: right;
	height: 84px;
	width: 300px;
	overflow: visible;
	top: 0px;
	right: -100px;
	/*left: 1800px;*/
	margin-top: 500px;
	margin-right: -222px; /* 300 - 78 */
	
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 0px;
	
	background:url(../../img/bras/bras_entier_suiv.png) no-repeat center left;
	background-position: 20px;
	z-index: 67;
	
	/*border: 4px solid red; */
	/*background-color:#FFCCCC;*/

}

.bras_precedent{
	position: absolute;
	float: left;
	height: 84px;
	width: 300px;
	top: 0px;
	left: -300px;
	
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 0px;
	padding-right: 20px;
	
	background:url(../../img/bras/bras_entier_prec.png) no-repeat center left;
	background-position: left;
	z-index: 67;
	
	/*background-color:#339999;*/
}


.img_bras{
	position: relative;
	border: 1px solid #a5a2a2;
	margin: 6px 100px;
	width: 121px;
	height: 71px;
}

.bras_txt{
	position: absolute;
	margin-top: 40px;
	text-transform: uppercase;
}




/*	Page ABOUT	*/

#about_gauche{
	float: left;
	width: 240px;
	height: 530px;
	
	/*border: 1px solid #CCCC66;*/

}



#about_droite{
	position: relative;
	float: left;
	width: 500px;
	height: 530px;
	margin-left: 30px;
	
	/*border: 1px solid #FF0000;*/
}
#about_droite ul
{
	text-indent: 0px;
	padding: 0px;
	margin: 0 0 0 15px;
}

#img_about{
	margin-top: 16px;
}

.diag{
	background: url(../../img/diag.gif) repeat;
	width: 220px;
	padding: 15px 10px;
	margin-top: 16px;
}


.mon_cv{
	position: absolute;
	right: 0px;
	top: 35px;
}

#img_cv{
	display: block;
	float: right;
	background:url(../../img/monCV.jpg) no-repeat top;
	width: 143px;
	height: 14px;
}


#img_cv:hover{
	background-position : bottom;
	cursor: pointer; 
}

.img_date{
	display: block;
	margin-top: 15px;
	margin-bottom: 5px;

}


/*	Page CONTACT	*/

#contact_gauche{
	float: left;
	width: 240px;
	height: 530px;
	
	/*border: 1px solid #CCCC66;*/

}



#contact_droite{
	position: relative;
	float: left;
	width: 500px;
	height: 530px;
	margin-left: 30px;
	
	/*border: 1px solid #FF0000;*/
}

.reseau{
	float: right;
	width: 33%;
	text-align: center;
	
	/*background-color: #99FF99;*/
}

.img_reseau{
	height: 25px;
	background-position: top;
	margin-bottom: 7px;
	background-repeat: no-repeat;
}


#vente, #vente2{
	position: relative;
	width: 500px;
	height: 85px;
	margin-bottom: 30px;
	overflow: hidden;
	
	/*background-color: #996666;*/
}

#vente2{
	overflow: visible;
}

#conteneur{
	position: absolute;
}


#vente img{
	position: absolute;
}

#coin{
	position: absolute;
	right: -8px;
	bottom: -8px;
	width: 46px;
	height: 30px;
	background:url(../../img/coin.png) no-repeat;
	overflow: visible;
}

.form_ligne{
	width: 315px;
	height: 15px;
	margin-bottom: 15px;
	
	/*border: 1px solid red;*/
}

.form_ligne img{
	bottom: 0px;
	float: left;
}

.form_ligne_mess{
	position: relative;
}

.form input[type=text]{
	float: right;
	border: 0px;
	background: url(../../img/form/ligne.gif) repeat-x bottom;
	width: 240px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #272727;
	
	/*border: 1px solid #00CC99;*/
}

.form textarea{
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	background: url(../../img/form/ligne.gif) repeat top;
	overflow: hidden;
	width: 425px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #272727;
	line-height: 20px;
}


.form input[type=submit]{
	border: 0px;
	margin-top: 120px;
	width: 164px;
	height: 47px;
	background:url(../../img/form/envoyer.jpg) no-repeat;
}


.form input[type=submit]:hover{
	background:url(../../img/form/envoyer_on.jpg) no-repeat;
	cursor: pointer;
}