/**********  global   ***********/

/**********  styles généraux dans stylebase.css   ***********/

body, html {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #686868;
	background: #fff url(images/fond_bleu.gif) center;
	/*overflow-y:auto;
	overflow-x:hidden;*/
}

input, textarea, select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*border: #808a92 solid 1px;*/
	background: #f0f4f8;
	font-size: 10px;
	color: #737373;
}

h1,h2{
	font-size: 11px;
	font-weight: lighter;
}

h1{
	/*width: 140px;*/
	padding: 3px 0px 0px 8px;
	background: url(images/puce_dernier_client.gif) no-repeat 0px 7px;
}
h2{
	color: #8bad01;
	/*width: 140px;*/
	font-size: 11px;
	font-weight: bolder;
	padding: 12px 0px 6px 8px;
}


.spacer{
	clear: both;
	visibility: hidden;
}

/**********  structure   ***********/

#haut{
	background: #dcdbdb url(images/fond_haut.gif) center;
	height: 19px;
}
#header{
	/*border: #0ff solid 1px;*/
	width: 950px;
	margin: 0px auto 0px auto;
}

#milieu{
	background: #FFFFFF url(images/fond_contenu.gif) center;
	/*border: #f00 solid 1px;*/
}

#bas{
/*	border: #0f0 solid 1px;*/
	width: 950px;
	margin: 1px auto 0px auto;
}

#conteneur{
	/*border: #0ff solid 1px;*/
	width: 950px;
	height: 390px;
	margin: 0px auto 0px auto;
	/*background: url(images/tache_01.gif) no-repeat -105px 100% ;*/
}

#conteneur_ref{
	padding: 1px;
	/*border: #0ff solid 1px;*/
	width: 950px;
	margin: 0px auto 0px auto;
	/*background: url(images/tache_01.gif) no-repeat -105px 100% ;*/
}

#barre_milieu{
	/*border: #f0f solid 1px;*/
	background: url(images/fond_barre_milieu.gif) center;
	height: 33px;
}

#colonne_gauche{
	/*border: #FF00FF dotted 1px;*/
	/*height: 390px;*/
	float: left;
	width: 621px;
	padding: 20px 25px 0px 0px;
}

#colonne_droite{
	position: relative;
	/*border: #ff0 dotted 1px;*/
	float: left;
	width: 300px;
	/*height: 390px;*/
}

/**********  menu   ***********/
.menu{
	color: #2b2b2b;
	display: block;
	/*height: 18px;*/
	border-right: #fff 1px solid;
	float: left;
	padding: 3px 10px 3px 10px;
}

.menu:hover{
	color: #2b97c4;
}

/**********  SOUS menu   ***********/
#sous_menu{
	font-size: 11px;
	/*border: #f00 dotted 1px;*/
	clear: both;
	text-align: right;
}

#sous_menu a{
	color: #686868;
	display: block;
	background: url(images/puce_sous_menu_off.gif) no-repeat right;
	/*border-right: #fff 1px solid;*/
	padding: 3px 10px 3px 10px;
}

#sous_menu a:hover{
	color: #86a600;
	background: url(images/puce_sous_menu_on.gif) no-repeat right;
}

#sous_menu .menu1Actif{
	color: #86a600;
	background: url(images/puce_sous_menu_on.gif) no-repeat right;
}

/**********  accueil   ***********/
/*
#titre_evenement{
	float: right;
	padding: 0px 230px 0px 0px;
	top: 45px;
}
*/
#titre_evenement{
	float: right;
	width:295px;
	padding-top:2px;
	
}
#publicite{
  /*border:#000 solid 1px;*/
  /*height:220px;*/
	margin-left:9px;
}

.description{
	font-size: 12px;
	width: 376px;
	float: left;
	padding: 20px 0px 0px 0px;
	display: block;
	/*border: #f00 dotted 1px;*/
}

.illustration{
	float: left;
}

#hublot{
	margin: auto;
	height: 33px;
	width: 950px;
	text-align: right;
	/*border: #00FF00 1px solid;*/
}

#liste_competences{
	float: right;
	padding: 20px 20px 0px 0px;
	margin: 5px 30px 0px 0px;
}

#liste_competences h1{
	width: 140px;
	padding: 3px 0px 0px 8px;
	background: url(images/puce_dernier_client.gif) no-repeat 0px 7px;
}
#liste_competences h2{
	color: #8bad01;
	width: 140px;
	font-size: 11px;
	font-weight: bolder;
	padding: 12px 0px 6px 8px;
}

#derniers_clients{
	display: block;
  z-index:1000;
	/*border: #00FF00 solid 1px;*/
	padding: 0px 0px 0px 20px;
	height: 80px;
}

#derniers_clients div{
	display: block;
	float: left;
	/*border: #00FF00 solid 1px;*/		
}

.ref_dc{
	display: block;
	text-align: left;
	width: 250px;
	padding: 3px 0px 0px 8px;
	background: url(images/puce_dernier_client.gif) no-repeat 0px 7px;
	/*border: #00FF00 solid 1px;*/		
}
#derniers_clients a.highlight{
        font-weight:bold;
        color:#1E90C0;	
}
#derniers_clients a:hover.highlight{
        font-weight:bold;
        color:#000000;	
}
#derniers_clients a{
	color: #2b2b2b;
        text-decoration:none;
}
#derniers_clients a:hover{
	color: #2b97c4;
        text-decoration:none;
}

#flash_references{
	float: left;
}

#actualites{
	color:#fff;
	width: 286px;
	float: right;
}
#actualites h1{
	font-weight: bold;
	font-size: 11px;
	background: url(images/puce_actualite.gif) no-repeat 0px 5px;
	padding: 0px 0px 0px 10px;
}
#actualites p{
	padding: 6px 0px 0px 8px;
}
	
/**********  contenu   ***********/

.logo{
	float: left;
	margin: 0px 0px 10px 0px;	
}

#titre_page{
	display: inline;
	float: right;
	color: #fff;
	font-size: 12px;
	font-weight: lighter;
	background: #1f90c0 url(images/puce_actualite.gif) no-repeat 20px 9px;
	padding: 3px 8px 3px 35px;
	margin: 30px 0px 8px 0px;
	text-align: right;
}

#bloc_contact{
	/*border: #FF00FF dotted 1px;*/
	color: #fff;
	text-align: right;
	width: 470px;
	margin: 0px 0px 0px 165px;
}

/**********  references   ***********/

#ref_colonne_gauche{
	/*border: #FF00FF dotted 1px;*/
	float: left;
	width: 250px;
	padding: 20px 25px 0px 0px;
}

#ref_colonne_droite{
	position: relative;
	border-left: #b9b9b9 solid 1px;
	float: right;
	width: 630px;
	height: 470px;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 20px;
	/*border: #FF00FF dotted 1px;*/
	/*height: 400px;*/
	overflow: auto;
scrollbar-base-color: #DCDBDB;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #EEEEEE;	
}

.lien_site_references{
	display: block;
	color: #AFAF00;
	font-size: 12px;
	font-weight: bold;
	width: 270px;
	overflow: hidden;
	padding: 3px 16px 3px 30px;
	background: #eeeeee url(images/puce_site_references_off.gif) no-repeat 0px 1px;
}

.lien_site_references:hover{
	color: #95b801;
	background: #eeeeee url(images/puce_site_references_on.gif) no-repeat 0px 1px;
}
#bloc_imprimer{
        text-align:right;
	display: block;
	border-bottom: #92b30c dotted 1px;
	margin-top:-35px;
	width: 580px;
	/*border: #FF00FF dotted 1px;*/
}
#bloc_top{
        text-align:right;
	display: block;
	/*border-bottom: #92b30c dotted 1px;*/
	margin-top:-30px;
	width: 580px;
	/*border: #FF00FF dotted 1px;*/
}
#bloc_references{
	display: block;
	border-bottom: #92b30c dotted 1px;
	margin: 8px 0px 20px 0px;
	width: 580px;
	/*border: #FF00FF dotted 1px;*/
}

#bloc_references p{
	width: 310px;
	padding: 8px 0px 0px 0px;
	float:left;
}

#vignette_references{
	/*border: #0ff solid 1px;*/
	width: 171px;
	height: 102px;
	padding: 3px;
	float: right;
	margin: 0px 0px 0px 0px;
	background: url(images/ombre_fond_references.gif) no-repeat;
}

.titreCategorieReference{
	font-size: 12px;
	color: #fff;
	width: 286px;
	font-weight: bold;
	padding: 3px 0px 3px 30px;
	margin: 30px 0px 20px 0px;
	background: #8ec7e0;
	
}

/***** ajout 5/03/07 *****/

#illus_accueil{
	/*border: #00CC00 solid 1px;*/
	width: 300px;
	height: 110px;
	float: left;
	/*margin-top: 100px;*/
	z-index: 2;
	margin-top: 40px;
}

#flash_accueil{
	width: 400px;
	height: 240px;
	float: left;
	border: #FF0000 solid 1px;
}
#flashcontent{
		height: 400px;
		width: 100%;
		z-index: 1;
		/*border: #FF0000 solid 1px;*/
		position:absolute;
		top: 19px;
		right: 0px;
		/*bottom: 500px;*/
		left: 0px;
		margin: 0px;
}
*html #flashcontent{
	height: 400px;
}