*{
		outline:none;
	}
	
	body,html{
		width:100%;
		height:100%;
		padding:0;
		margin:0;
	}
	
	body{
		background:url(img/bg.jpg) repeat left top #15353f;
		font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
		font-size:12px;
		color:#fff;
	}
	
	/* STYLES DE TEXTE */
	/*******************/
	
	p{
		margin:0;
		padding:0 10px 15px 10px;
	}
	
	a{
		color:#00eaff;
		text-decoration:none;
	}
	
	a:hover{
		color:#ff8c2f;
	}
	
	a img{
		border:none;
	}
	
	ul{
		margin:0;
		padding:0 0 15px 40px;
		list-style-type:none;
	}
	
	ul li{
		margin:0;
		padding:0 0 10px 12px;
		background:url(img/puce_li.gif) 0 4px no-repeat;
	}
	
	.txtOrange{
		color:#ff8c2f;
	}
	
	.txtBleu{
		color:#00eaff;
	}
	
	.txt14{
		font-size:14px;
	}
	
	.txt10{
		font-size:10px;
	}
	
	div.separator{
		width:95%;
		height:1px;
		float:none;
		clear:both;
	}
	
	/* Formulaires */
	
	
	form{
		margin:0;
		padding:0 0 0 150px;
		width:400px;
	}
	
	form fieldset{
		width:400px;
		border:1px solid #049caa;
		margin:0;
	}
	
	form fieldset legend{
		font-size:13px;
		font-weight:normal;
		color:#fff;
	}
	
	form fieldset p{
		margin:10px;
		clear:both;
		float:none;
	}
	
	form fieldset label{
		display:block;
		float:left;
		width:60px;
		color:#00eaff;
		font-size:12px;
		text-align:right;
		padding-right:10px;
	}
	
	form fieldset input{
		width:270px;
		font-size:11px;
	}
	
	form fieldset textarea{
		width:270px;
		font-size:11px;
	}
	
	form input.bouton{
		width:242px;
		height:32px;
		display:block;
		font-size:1px;
		text-indent:-10000em;
		background:url(img/btn_envoi.gif) no-repeat;
		border:none;
		cursor:pointer;
	}
	
	form input.bouton:hover{
		background:url(img/btn_envoi_over.gif) no-repeat;
	}
	
	form fieldset p.erreur{
		color:#ff7f7f;
		font-style:italic;
		padding:0 25px 0 10px;
		width:345px;
		text-align:right;
	}
	
	span.asterisque{
		color:#ff7f7f;
	}
	
	/* STYLES COMMUNS */
	/******************/
	
	/* Titre BDweb + sous titre*/
	
	h1#bdweb{
		width:206px;
		height:59px;
		display:block;
		margin:0;
		padding:0;
	}
	
	h1#bdweb a{
		background:url(img/bdweb.png);
		width:206px;
		height:59px;
		display:block;
		text-indent:-10000em;
		font-size:1px;
	}
	
	h1#bdweb a:hover{
		background:url(img/bdweb_over.png);
	}
	
	h2#soustitre{
		font-weight:normal;
		font-size:12px;
		color:#ccc;
		margin:0;
		padding:0;
	}
	
	/* Liens métiers */
	
	ul#metiers{
		list-style-type:none;
		display:block;
		height:70px;
		width:600px;
		margin:0;
		padding:0;
	}
	
	ul#metiers li{
		padding:0 0 0 0;
		display:inline;
		margin:0 0 0 -25px;
		float:left;
		background:none;
	}
	
	ul#metiers li a{
		display:block;
		height:70px;
		text-indent:-10000em;
		font-size:1px;
	}
	
	ul#metiers li a#gestion{
		background:url(img/gestion.png);
		width:193px;
	}
	
	ul#metiers li a:hover#gestion, ul#metiers li a.over#gestion{
		background:url(img/gestion_over.png);
	}
	
	ul#metiers li a#webdesign{
		background:url(img/webdesign.png);
		width:141px;
	}
	
	ul#metiers li a:hover#webdesign, ul#metiers li a.over#webdesign{
		background:url(img/webdesign_over.png);
	}
	
	ul#metiers li a#integration{
		background:url(img/integration.png);
		width:143px;
	}
	
	ul#metiers li a:hover#integration, ul#metiers li a.over#integration{
		background:url(img/integration_over.png);
	}
	
	ul#metiers li a#flash{
		background:url(img/flash.png);
		width:98px;
	}
	
	ul#metiers li a:hover#flash, ul#metiers li a.over#flash{
		background:url(img/flash_over.png);
	}

	
	/* STYLE DES PAGES */
	/*******************/
	
	/* Conteneur page */
	/*================*/
	
	div#conteneur{
		background:url(img/bg_conteneur.jpg) no-repeat left top;
		width:990px;
	}
	
	/* Entete */
	/*========*/
	
	div#entete{
		width:990px;
		height:110px;
	}
	
	div#entete_gauche{
		width:250px;
		height:110px;
		float:left;
	}
	
	div#entete_gauche h1#bdweb{
		margin:25px auto 0 auto;
	}
	
	div#entete_gauche  h2#soustitre{
		width:250px;
		text-align:center;
	}
	
	div#entete_droite{
		width:740px;
		height:110px;
		float:left;
	}
	
	div#entete_droite ul#metiers{
		margin:0 0 0 0;
		padding:24px 140px 0 0;
		left:550px;
		position:absolute;
	}
	
	/* Conteneur centrale */
	/*====================*/
	
	div#conteur_central{
		clear:both;
		float:none;
		width:990px;
	}

	/* Conteneur de gauche */
	/*---------------------*/
	
    div#gauche{
		width:250px;
		height:800px;
		float:left;
	}
	/* Menu */
	
    div#top_menu{
		background:url(img/bg_menu_top.png) no-repeat top center;
		width:178px;
		height:8px;
		margin:25px 0 0 35px;
	}
	
    div#menu{
		background:url(img/bg_menu.png) no-repeat bottom center;
		width:178px;
		padding:0 0 8px 0;
		margin:0 0 0 35px;
	}
	
	div#menu ul{
		margin:0;
		padding:0 8px 0 8px;
		list-style-type:none;
	}
	
	div#menu ul li{
		text-align:center;
		background:none;
		margin:0;
		padding:0 0 7px 0;
	}
	
	div#menu ul li a{
		font-size:15px;
	}
	
	div#menu ul li a:hover{

	}
	
	div#menu ul li.select{
		background:url(img/menu_select.gif) no-repeat 0 2px;
		width:162px;
	}
	
	div#menu ul li.select a{
		color:#fff;
		line-height:20px;
	
	}
	
	div#menu ul li.select a:hover{
		color:#fff;
	}
	
	div#menu ul li.select ul{
		padding:4px 10px 7px 8px;
	}
	
	div#menu ul li.select ul li{
		padding:0 0 2px 0;
	}
	
	div#menu ul li.select ul li a{
		color:#fff;
		font-size:11px;
		line-height:14px;
	}
	
	div#menu ul li.select ul li a:hover{
		color:#ff8c2f;
	}
	
	div#menu ul li.select ul li.select{
		background:#415960;
		width:148px;
		height:14px;
		display:block;
		line-height:14px;
	}
	
	div#menu ul li.select ul li.select a{
		color:#00eaff;	
	}
	
	div#menu ul li.select ul li.select a:hover{
		color:#00eaff;
	}

	/* Ouvrir la BDbox */
	
	div#gauche div#ouvrir{
		width:214px;
		margin:0 0 0 18px;
	}
		
	div#gauche div#ouvrir a{
		background:url(img/ouvrir_bdbox.png) bottom center no-repeat;
		width:214px;
		height:430px;
		display:block;
		text-indent:-10000em;
		font-size:1px;
	}
	
	div#gauche div#ouvrir a:hover, div#gauche div#ouvrir a.select{
		background:url(img/ouvrir_bdbox_over.png) bottom center no-repeat;
	}

	/* Conteneur de droite */
	/*---------------------*/
	
    div#droite{
		width:740px;
		float:left;
		padding-top:15px;
	}
	
    div#ariane{
		width:307px;
		float:left;
		line-height:28px;
		background:url(img/ariane.gif) 5px 5px no-repeat;
		padding:0 0 0 23px; 
	}
	
    div#titre_page{
		width:400px;
		float:right;
	}
	
	div#titre_page h2{
		padding:0;
		margin:0;
		display:block;
		font-size:22px;
		color:#00ccff;
		font-weight:normal;
		text-align:right;
	}
	
    div#conteneur div#top_contenu{
		float:none;
		clear:both;
		background:url(img/bg_contenu_top.png) no-repeat bottom center;
		width:740px;
		height:11px;
		padding-top:8px;
	}
	
    div#conteneur div#contenu{
		float:none;
		clear:both;
		background:url(img/bg_contenu.png) no-repeat bottom center;
		width:740px;
		padding-bottom:21px;
	}
	
	div#conteneur div#contenu p{
		margin:0;
		padding:0 18px 15px 18px;
	}
	
	/* Mini BDbox */
	
	div#mini_bdbox{
		width:710px;
		float:none;
		clear:both;
		padding:15px;
	}
	
	div#mini_bdbox h2{
		width:145px;
		height:35px;
		display:block;
		margin:0;
		padding:0;
	}
	
	div#mini_bdbox h2 a{
		width:145px;
		height:35px;
		display:block;
		margin:0;
		padding:0;
		background:url(img/bdbox.gif) no-repeat;
		font-size:1px;
		text-indent:-10000em;
	}
	
	div#mini_bdbox div#mini_portfolio{
		background:url(img/bg_portefolio.png) center center no-repeat ;
		width:601px;
		height:97px;
		margin:0 0 10px 50px; 
	}
	
	div#mini_bdbox div#mini_portfolio ul{
		list-style-type:none;
		margin:0;
		padding:0 0 0 6px;
		width:595px;
		height:97px;
	}
	
	div#mini_bdbox div#mini_portfolio ul li{
		list-style-type:none;
		float:left;
		display:block;
		background:none;
		margin:0 0 0 1px;
		padding:0;
		width:118px;
		height:97px;
	}
	
	div#mini_bdbox div#mini_portfolio ul li a{
		display:block;
		margin:6px 0 0 0;
		width:101px;
		height:75px;
		background:#ddd;
		padding:3px;
		border:1px solid #000;
	}
	
	div#mini_bdbox div#mini_portfolio ul li a:hover{
		background:url(img/portefolio_mini_over.png) center center no-repeat;
		width:116px;
		height:90px;
		display:block;
		margin:5px 0 0 -2px;
		padding:0;
		width:101px;
		height:75px;
		padding:5px 4px 5px 6px;
		border:none;

	}
	
	div#mini_bdbox div#mini_portfolio ul li a img{
		width:100px;
		height:75px;
	}
	
	/* Pied de page */
	/*==============*/
	
	div#pied{
		width:740px;
		float:none;
		clear:both;
		padding:10px 0 0 0;
	}
	
	/* ACCUEIL */
	/***********/
	
	/* Conteneur accueil */
	
	div#conteneur_accueil{
		width:600px;
		margin:0 auto 0 auto;
	}
	
	/* Titre sur l'accueil */
	
	div#conteneur_accueil h1#bdweb{
		margin:35px auto 0 auto;
	}
	
	div#conteneur_accueil h2#soustitre{
		width:600px;
		text-align:center;
	}

	/* Métiers accueil */
	
	div#conteneur_accueil ul#metiers{
		margin:0 0 0 70px;
		padding:20px 0 0 0;
	}

	/* Contenu accueil */
	
	div#conteneur_accueil div#top_contenu{
		background:url(img/bg_contenu_top_accueil.png) top center no-repeat;
		width:423px;
		height:11px;
		display:block;
		margin:15px auto 0 auto;
	}
	
    div#conteneur_accueil div#contenu{
		background:url(img/bg_contenu_accueil.png) bottom center;
		width:423px;
		margin:0 auto 0 auto;
		z-index:2;
		min-height:12px;

	}
	
	/* Visiter le site */
	
	div#visiter{
		width:150px;
		height:31px;
		margin:15px auto 0 auto;
	}
	
	div#visiter a{
		background:url(img/visiter.png);
		width:150px;
		height:31px;
		display:block;
		text-indent:-10000em;
		font-size:1px;
	}
	
	div#visiter a:hover{
		background:url(img/visiter_over.png);
	}
	
	/* Ouvrir la BDbox */
	
	div#conteneur_accueil div#ouvrir{
		width:214px;
		margin:-173px -120px 0 0;
		z-index:3;
		float:right;
	}
	
	
	div#conteneur_accueil div#ouvrir object{
		width:214px;
		height:430px;
		margin:-243px 0 0 0;
	}
	
	div#conteneur_accueil div#ouvrir a{
		background:url(img/ouvrir_bdbox.png);
		width:214px;
		height:190px;
		display:block;
		text-indent:-10000em;
		font-size:1px;
		z-index:4;
	}
	
	div#conteneur_accueil div#ouvrir a:hover{
		background:url(img/ouvrir_bdbox_over.png);
		height:430px;
		margin:-240px 0 0 0;
		z-index:4;
	}

	/* Pied de page accueil */
	
	div#conteneur_accueil div#pied{
		width:600px;
	}
	
	
	/* BDbox */
	/*=======*/
	
	p.nav_rubrique{	
		text-align:center;
		font-size:14px;
	}
	
	p.nav_rubrique a:hover{
		font-size:15px;
	}
	
	p.nav_rubrique a.select, p.nav_rubrique a:hover.select{
		font-size:20px;
		color:#fff;
	}