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

*{
	margin:0;
	padding:0;
}

* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}

html, body, #site{
	height:100%;
}

/* position fixe IE6 */
/*html {overflow: visible;}
html>body #nav,
html>body #language{position: fixed;}
div[id=nav] {position: fixed !important;}
div[id=language] {position: fixed !important;}
html > body {overflow: visible !important;}*/



html>body #nav,
html>body #language{
  position: fixed;
}

html {
	font-size:100%;
	/*background-color:#363a37;*/
}

body{
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.8em;
	background-color:#363a37;
	/*background:url("../../media/images_css/background.jpg") repeat-x scroll 0 0 transparent;*/
	/*overflow: auto;*/
}



#site{
	margin:0 auto;
	width:1049px;
	position:relative;
}

a{
	text-decoration: none;
	border:0;
	color:#161817;
}

/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 

/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
}


/************************************************ Nav ************************************************/

#nav {
	float:right;
	width:180px;
	/*position:fixed;*/
	position:absolute;
	margin-left:869px;
	top:36px;
}

#nav h1 {
	float:right;
	border:none;
	display:block;
}

#nav h1 a {
	display:block;
	border:0;
}

#nav h1 a img {
	display:block;
	border:0;
}

#nav h1 a span {
	display:none;
}

#nav h2 {
	float:right;
	border:none;
	display:block;
	margin:23px 13px 0 0;
}

#nav h2 img {
	display:block;
	border:0;
}

#nav h2 span {
	display:none;
}

/**************** menu ****************/

#nav ul {
	display:block;
	list-style-type:none;
	float:right;
	margin:25px 8px;
}

#nav ul li,
#language ul li{
	float:right;
}

#nav ul li a{
	float:right;
	display:block;
	width:93px;
	height:13px;
}

#nav ul li a span,
#language ul li a span{
	display:none;
}

#nav ul li.accueil a{
	background:url("../../media/images_css/boutons_menu/menu_accueil.png") no-repeat scroll 0 0 transparent;
}

#nav ul li.offre a{
	background:url("../../media/images_css/boutons_menu/menu_notre_offre.png") no-repeat scroll 0 0 transparent;
}

#nav ul li.projets a{
	background:url("../../media/images_css/boutons_menu/menu_projets.png") no-repeat scroll 0 0 transparent;
}

#nav ul li.approche a{
	background:url("../../media/images_css/boutons_menu/menu_approche.png") no-repeat scroll 0 0 transparent;
}

#nav ul li.awards a{
	background:url("../../media/images_css/boutons_menu/menu_awards.png") no-repeat scroll 0 0 transparent;
}

#nav ul li.contact a{
	background:url("../../media/images_css/boutons_menu/menu_contact.png") no-repeat scroll 0 0 transparent;
}

#nav ul li.accueil a:hover,
#nav ul li.offre a:hover,
#nav ul li.projets a:hover,
#nav ul li.approche a:hover,
#nav ul li.awards a:hover,
#nav ul li.contact a:hover{
	background-position: 0 -18px;
}

#nav ul li a.pageActive{
	background-position: 0 -36px !important;
}

/**************** language ****************/



#language{
	position:absolute;
	float:right;
	bottom:87px;
	width:120px;
	margin-left:930px;
}

#separation {
	float:right;
	height:14px;
	width:81px;
	margin:0 13px; /*238px*/
	border-top:1px dotted #5e615f;
}

#language ul{
	margin:0 8px;
	width:100px;
	float:right;
	display:block;
	list-style-type:none;
}

#language ul li a{
	width:56px;
	height:8px;
	margin:2px 0;
	float:right;
	display:block;
}

#language ul li.francais a{
	background:url("../../media/images_css/boutons_menu/language_francais.gif") no-repeat scroll 0 0 transparent;
}

#language ul li.english a{
	background:url("../../media/images_css/boutons_menu/language_english.gif") no-repeat scroll 0 0 transparent;
}

#language ul li.espanol a{
	background:url("../../media/images_css/boutons_menu/language_espanol.gif") no-repeat scroll 0 0 transparent;
}

#language ul li.francais a:hover,
#language ul li.english a:hover,
#language ul li.espanol a:hover{
	background-position: 0 -10px;
}

#language ul li a.pageActive{
	background-position: 0 -20px !important;
}



/************************************************ page ************************************************/

#page {
	float:left;
	width:829px;
	height:100%;
	color:#161817;
	/*border:1px solid green;*/
	/*position:relative;*/
}

/**************** header ****************/

#header {
	/*height:195px;*/
	width:765px;
	background: transparent url('../../media/images_css/fond_contenu_haut.png') no-repeat bottom left;
	padding:50px 40px;
	float:left;
}

#header h3{
	color:#363a37;
	/*color:#1b1d1c;*/
	font-size:1.8em;
	font-weight:bold;
	line-height:30px;
}

#header h3 span{
	background-color:#0bbbc6;
	height:25px;
	padding:0 2px;
}

#header p{
	margin-top:30px;
	margin-bottom:7px;
	height:79px;
	width:732px;
	float:left;
	font-family:Georgia,"Times New Roman",Times,Serif;
	color:#0bbbc6;
}

#header p span{
	display:none;
}

/**************** container ****************/

#container {
	background: transparent url('../../media/images_css/fond_contenu_milieu.png') repeat-y top left;
	padding:10px 40px;
	float:left;
}

#container .rubrique{
	background-color:#FFFFFF;
	margin-bottom:84px;
	float:left;
	min-width:740px;
}

#container .rubrique h3{
	font-size:1em;
	text-transform:uppercase;
	color:#161817;
}

#container div.separation{
	height:10px;
	border-bottom:1px solid #d7d8d7;
	margin-bottom:4px;
	width:41px;
}

#container .rubrique h4{
	font-family:Georgia,"Times New Roman",Times,Serif;
	font-size:1.8em;
	font-weight:100;
	color:#1e201f;
}

#container .container_rubrique{
	margin-top:22px;
	float:left;
}

/********* item **********/
#container .item{
	width:249px;
	float:left;
}

#container .item h5{
	margin-top:16px;
	text-transform:uppercase;
}

#container .item p{
	padding-right:14px;
}


/**************** container solutions ****************/

#container #solutions div.separation_dotted{
	height:10px;
	border-bottom:1px dotted #d7d8d7;
	margin-bottom:16px;
	width:41px;
}

#container #solutions .item a.bouton{
    display:inline-block;
	background-color:#363a37;
	float:right;
	margin:16px 23px 0 0;
	padding-left:1px;
	height:17px;
	cursor:pointer;
    /*font:26px/1.5;*/ 
	font-size:0.9em;
    /*white-space:nowrap; */
    /*text-align:center;*/
    /*vertical-align:middle;*/
    color:#FFFFFF;
}


/**************** container projets ****************/

#container #projets .item {
	margin-bottom:28px;
}

#container #projets .item a,
#container #projets .item img{
	border:none;
}

/*#container #projets .item img{
	border:1px solid #d0d1d1;
}*/

#container #projets {
	margin-bottom:56px;
}




/**************** container approche ****************/
/**************** container awards ****************/

#container .item_citation {
	width:249px;
	float:left;
	background: transparent url('../../media/images_css/guillemet.gif') no-repeat top left;
	color:#0bbbc6;
	font-family:Georgia,"Times New Roman",Times,Serif;
	font-size:1.6em;
	font-style:italic;
	line-height:28px;
}

#container .item_citation p{
	float:left;
	padding:25px 14px 0 0;
}


/**************** container contact ****************/
#container #contact {
	margin-bottom:51px;
	font-size:0.9em
}

#container #contact a{
	color:#161817;
}

#container #contact img{
	border:0;
}

#container #contact .item p{
	margin-top:4px;
}

#container #contact .item h5{
	margin-top:0;
	font-size:1em;
}

#container #contact span{
	font-weight:bold;
}

#container .item_contact{
	width:249px;
	float:left;
}

#container .item_contact #info{
	padding-right:10px;
	float:left;
	border-right:1px solid #d0d1d1;
}

#container .item_contact p{
	float:left;
	margin-left:10px;
}




/**************** pied de page ****************/

#pied {
	background: transparent url('../../media/images_css/fond_contenu_bas.png') no-repeat top left;
	height:100px;
	width:829px;
	float:left;
	clear:both;
}