/*
	CSS pour SOM - Principal
	egzakt.com
	2008/01/16
*/

body {
	font:75%/150% Arial, sans-serif;
	margin:0;
	color:#53555C;
	background:#47c3d3; /*url(../images/ul/tuiles/background2.gif) 50% top no-repeat;*/
}

h1 {
	margin:0 0 10px 0;
	font: 2em Georgia, serif;
}

h2 {
	font:bold 1.5em/1.58em Arial, sans-serif;
	color:#47C3D3;
	margin:0 0 10px 0;
}

h3 {
	font:bold 1.17em/1.33em Arial, sans-serif;
	color:#53555C;
	margin:0 0 5px 0;
}

h6.gros {
	font:bold 1.33em/1.42em Arial, sans-serif;
	color:#53555C;
	margin:0 0 5px 0;
}

h6.petit {
	font:bold 1.08em/1.17em Arial, sans-serif;
	color:#47C3D3;
	margin:0 0 5px 0;
}

h4 {
	font:bold 1em/1.3em Arial, sans-serif;
	color:#53555C;
	margin:0 0 5px 0;
}

h5 {
	font:1.09em/1.3em Arial, sans-serif;
	margin:2px 0 6px 0;
	color:#53555C;
}

p {
	margin:0;
	padding:0;
}

ol {
	margin:0;
	padding:0 0 0 22px;
}

a {
	cursor:pointer;
	color:#9D9FA2;
	text-decoration:none; 
	outline:none;
}

a:hover {
	text-decoration:underline; 
}

img {
	border:0;
}

#wrapper {
	width:1000px;
	margin:0 auto;
	background-color:#fff;
}
.wrapper_principal {
	background-image: url(../images/ul/tuiles/tuile_principal_FFF.gif);
}
.wrapper_accueil {
	/*background-image: url(../images/ul/tuiles/tuile_principal_accueil.gif);*/
}

/* ENTETE
-----------------------------------------*/

#header {
	background:#47C3D3 url(../images/ul/entetes/ambiances/entete_ambiance.jpg) no-repeat left top;
	height:150px;
}

#header .nav {
	float:right;
	text-align:left;
	color:#fff;
	height:22px;
	background:url(../images/ul/tuiles/tuile_navig_secondaire.gif);
	margin:0;
	padding:6px 4px 4px 14px;

}

#header .nav a {
	color:#53555C;
	font-weight: bold;
	font-size:0.92em;
	text-decoration:none;
	/*text-transform:uppercase;*/
	margin:0 5px;
	padding:5px;
}

#header .nav a:hover,
#header .nav a.selected {
	color:#000;
}

#header .nav li.acces a {
	background-color:#47C3D3;
	color:#53555C;
}

#logo {
	padding-top:18px;
}

#logo_print {
	display:none;
}

#topic_path {
	background: #fff; /*url(../images/ul/tuiles/tuile_topic_path.jpg) top right repeat-y;*/
	font: 0.92em Arial, sans-serif;
	padding: 9px 0 9px;
}

/* BASE COMMUNE
-----------------------------------------*/
ul.nav {
	margin:0;
	padding:0;
}

ul.nav li {
	list-style: none;
	display: inline;	/*IE6 Bug*/
}

#contenu {
	
}

#menu {
	float:left;
	/*background-color:#aacbd2;*/
	width:254px;
	padding:0 0 30px;
	margin:0 0 30px;
}

#menu .nav {
	/*display:inline;		IE6 Bug*/
	margin-bottom:10px;
}

#menu .nav a {
	display:block;
	margin: 0;
	border-bottom: 1px solid #ffffff;
	padding:0.5em 34px 0;
	height:2.1em; /*2.6 -0.5*/
	background-color:#53555C;
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	text-transform:uppercase;
}
#menu .nav a:hover,
#menu .nav a.selected {
	background-color:#47C3D3;
	color:#fff;
}

#menu .nav a.selected {
	border:0;
}

#menu .nav ul {
	background-color:#53555C;
	padding:0 10px 10px;
	margin: 0;
	border-bottom: 1px solid #ffffff;
}
#menu .nav ul li {
	/*extends: ul.nav li*/
}
#menu .nav ul a {
	/*extends: #menu .nav a*/
	padding:0.2em 24px 0;
	margin:0;
	border-bottom: 2px solid #53555C;
	height:auto;
	background-color:#47C3D3;
	text-transform:none;
	color:#fff;
}

#menu .nav ul a:hover,
#menu .nav ul a.selected {
	/*margin:0 0 2px;*/
	border-bottom: 2px solid #53555C;
	color:#53555C;
	background-color:#fff;
}

#menu_bas {
	position:relative;
}
#menu_bas div {
	position:absolute;
	top:-35px;
	background:#cde5e9 /*url(/images/ul/tuiles/navigation_bas.gif) right top no-repeat;*/
	width:254px;
	height:35px;
}


#promotions {
	float:right;
	width:224px; /*240-15-15*/
	padding:9px; /*8*/
	border-top:15px solid #fff;
	background-color:#e6e4e4;
	color:#53555C;
}

.contenu_accueil #promotions {
	width:210px; /*240-15-15*/
	padding:15px;
}

#promotions .promotion {
	background-color:#fff;
	padding:5px;
	margin-bottom:15px;
}

#promotions .promotion a {
	color: #53555C;
}

#promotions .promotion a.suite {
	display:block;
	background:#47C3D3;
	color:#53555C;
	text-align:right;
	margin-top:5px;
	padding-right:7px;
	font: bold 0.92em/1.33em Arial, sans-serif;
}

.promotion img {
	display: block;
	padding-top: 8px;
}

#promotions h2 {
	font: 1.46em Arial, sans-serif;
	color:#53555C;
	margin-bottom: 3px;
}

#conteneur_texte_relies h2 {
	color: #53555C;
}

#promotions #formulaire_contact {
	font: 1em Arial, sans-serif;
	color:#53555C;
	padding: 0 7px;
}

#conteneur_texte_relies {
	background-color: #47C3D3;
	padding: 8px 8px 0 8px;
}

#relations, #relations_contacts {
	margin: 10px 0 0 0;
	list-style-type: none;
	font: 1em/1.5em Arial, sans-serif;
	padding-left: 0;
}

#relations {
	padding-bottom: 8px;
}

#relations_contacts {
	font: 1em/1.3em Arial, sans-serif;
}

#relations a {
	color: #53555C;
	text-decoration: underline;
}

#relations .contacts_nom, #relations_contacts .contacts_nom {
	color: #53555C;
	text-decoration: none;
}

#relations a:hover {
	color: #53555C;
}

li.relation_contact {
	padding-bottom: 10px;
}

#blog,
#news {
	margin:0;
	width:254px;
	height:58px;
	background:#53555C; /*url(../images/ul/tuiles/tuile_blog.gif);*/
	position: relative;
}

/*
#subnav {
	float:left;
	width:233px;
	background:#47c3d3 url(../images/ul/tuiles/smenu_top.gif) left top no-repeat;
}
#subnav .bottom {
	background:transparent url(../images/ul/tuiles/smenu_bottom.gif) center top no-repeat;
	height:5px;
	font-size:2px;
	line-height:2px;
}

#subnav ul {
	list-style-type: none;
	margin:0;
	padding:10px 20px;
}

#subnav ul li {
	display:inline;

}
#subnav ul li a {
	display:block;
	color:#fff;
	padding:8px 20px 4px 0;
	background:transparent url(../images/ul/tuiles/smenu_fleche.gif) -216px 10px no-repeat;
	font-size:0.92em;
	line-height:1em;
	border-bottom:1px solid #8abbd9;
	text-decoration:none;
}

#subnav ul li a:hover,
#subnav ul li a.selected {
	color:#012c41;
	background-position: -12px 10px;
}
#subnav ul li a.selected {
	font-weight:bold;
}

#subnav .titre img,
#principal .titre img {
	border:0;
	display:inline;
}
*/




#principal {
	float:right;
	width:720px; /*#wrapper-#nav-20px*/
}


#principal .contenu {
	padding:0;
	font: 1em Arial, sans-serif;
	line-height: 1.5em;
	color:#53555C;
}

#conteneur {
	margin: 15px 260px 25px 0; /* 260px pour #promotions*/
}

#principal .pub a:hover {
	text-decoration:none;
}

#principal .outils {
	float:right;
	margin-left:20px;
}




/* ACCUEIL (ID=1)
-----------------------------------------*/
#principal .contenu_accueil {
	/*extend: #contenu*/
	padding:10px 0;
	font: 1em/1.33em Arial, sans-serif;
	color:#53555C;
}

#principal .contenu_accueil .intro {
	font: 1.2em/1.33em Arial, serif;
	color:#53555C;
}

.contenu_accueil h2 {
	font: 1.5em/1.33 Arial, sans-serif;
	color:#47C3D3;
}

.contenu_accueil h3 {
	font: bold 1.17em Arial, sans-serif;
	color:#53555C;
}
.contenu_accueil h3 a {
	color:#53555C;
}

.contenu_accueil #subnav {
	/*extend: #subnav*/
	background: #eaf1f7;
}

.contenu_accueil #subnav li {
	padding-bottom:0.83em;
	display:block;
}
.contenu_accueil #subnav li a {
	display:inline;
	border:0;
	background:none;
	font-size:1em;
}

.contenu_accueil #principal {
	/*extend: #contenu .principal*/
}

.contenu_accueil #subnav .date {
	display:block;
	color:#012c41;
	font-weight:bold;
	line-height:1em;
}
.contenu_accueil #subnav ul li a {
	color:#47c3d3;
}
.contenu_accueil #subnav ul li a:hover {
	color:#000;
}

.contenu_accueil h3 {
	margin:0;
}


/*
.contenu_accueil #principal .bloca {
	width:233px;
	background:#eaf1f7;
}

.contenu_accueil #principal .bloca .contenu {
	padding:10px 20px;
}

.contenu_accueil #principal .blocb {
	float:left;
	width:233px;
	margin-right:10px;
	background:#eaf1f7;
}
.contenu_accueil #principal .blocb .contenu {
	padding:10px 20px;
	line-height:1.17em;
}

.contenu_accueil #principal .blocc {
	/*extend #principal .blocc
}
.contenu_accueil #principal .blocd {
	clear:both
	width:697px;
}

.contenu_accueil #principal .tag_cloud {
	/*extend: #principal .tag_cloud
	margin:0;
}
*/

#blog_posts {
	margin:0;
	padding:20px 35px;
	list-style-type: none;
	background:#e6e4e4 bottom right no-repeat;
}

#blog_posts li {
	font: 1em Arial, sans-serif;
	color:#53555C;
	margin-bottom:20px;
}

#blog_posts li a {
	font: 0.92em Georgia, serif;
	color:#53555C;
}

#blog_posts li span a {
	font: bold 1.2em Arial, sans-serif;
	color:#53555C;
}

#blog #filRSS {
	position: absolute;
	top: 20px;
	right: 35px;
	color: #53555C;
	text-decoration: underline;
}

#blog #filRSS img {
	position: absolute;
	top: 1px;
	right: -18px;
}

/* RECHERCHE QUANTITATIVE (ID=2)
-----------------------------------------*/
.contenu_quantitative {
	/*extend: #contenu*/
}


/* RECHERCHE QUALITATIVE (ID=3)
-----------------------------------------*/
.contenu_qualitative {
	/*extend: #contenu*/
}


/* SOLUTIONS WEB (ID=4)
-----------------------------------------*/
.contenu_solutions {
	/*extend: #contenu*/
}


/* CHAMPS D’EXPERTISE (ID=5)
-----------------------------------------*/
.contenu_expertise {
	/*extend: #contenu*/
}

.contenu_expertise #relations, .contenu_recherche_quantitative #relations, .contenu_recherche_qualitative #relations, .contenu_solutionsweb #relations, .contenu_carrieres #relations {
	margin-top: 0;
	margin-bottom: 7px;
}

.contenu_expertise #relations, .contenu_recherche_quantitative #relations, .contenu_recherche_qualitative #relations, .contenu_solutionsweb #relations, .contenu_carrieres #relations {
	color: #53555C;
}

.contenu_expertise #relations a, .contenu_recherche_quantitative #relations a, .contenu_recherche_qualitative #relations a, .contenu_solutionsweb #relations a, .contenu_carrieres #relations a {
	color: #FFFFFF;
}

.contenu_expertise #relations a:hover, .contenu_recherche_quantitative #relations a:hover, .contenu_recherche_qualitative #relations a:hover, .contenu_solutionsweb #relations a:hover, .contenu_carrieres #relations a:hover {
	color: #53555C;
}

/* A PROPOS DE SOM (ID=6)
-----------------------------------------*/
.contenu_entreprise {
	/*extend: #contenu*/
}

.contenu_entreprise .installation {
	margin-bottom:20px;
}

.contenu_entreprise .photos {
	padding:10px 0 0 10px;
	background-color:#E6E4E4;
	width:450px;
}
.contenu_entreprise .photos a {
	float:left;
	display:block;
	position:relative;
	margin-right:10px;
	width:120px;
	height:80px;
	overflow:hidden;
	border:1px solid #E9ECEA;
}
.contenu_entreprise .photos a span {
	color:#fff;
	position:absolute;
	top:3px;
	left:105px;
	font:0.83em/1em Arial, sans-serif;
}
.contenu_entreprise .photos a:hover {
	border-color:#fff;
	text-decoration:none;
}
.contenu_entreprise .photos a:hover span {
}

#formulaire_contact label {
	display: block;
	font-size: 0.92em;
	font-weight: bold;
	padding: 10px 0 3px 0;
}

#formulaire_contact input, #formulaire_contact select, #formulaire_contact textarea {
	width: 200px;
	border: 1px solid #47C3D3;
	font-size: 0.92em;
}

#formulaire_contact select {
	width: 206px;
}

#formulaire_contact textarea {
	height: 100px;
}

#formulaire_contact #submit_envoyer {
	width: 75px;
	margin: 10px 0 0 131px;
}

#formulaire_contact .message {
	text-align: left;
	width: 195px;
}

#formulaire_contact .message ul {
	font-size: 0.92em;
	padding: 0 0 0 18px;
	margin: 0;
}

.employe {
	display:block;
	position:relative;
	width:385px;
	padding:5px;
	margin-bottom:4px;
	background:#E6E4E4;
	text-decoration:none;
}

.employe a.plus_moins {
	position:absolute;
	top:10px;
	right:20px;
}

#reponse {
	border: 1px solid #69A2B6;
}


/* CARRIERES (ID=7)
-----------------------------------------*/
.contenu_carrieres {
	/*extend: #contenu*/
}

.contenu_carrieres .emplois #carrieres_postes {
	font-size:1.38em;
}

.contenu_carrieres .emplois #carrieres_postes a {
	font-size:0.83em;
}

#carrieres_promos {
	padding-left:6px;
}

#carrieres_postes .date {
	display:none;
	padding-top: 3px;
	font-size: 1em;
	line-height:1em;
}

#carrieres_postes h2 {
	font:normal 1.33em Arial, sans-serif;
	margin-bottom: 0;
	padding: 7px 0 0;
}
#carrieres_postes h3 {
	font-size:0.92em;
	margin:4px 0 0;
}

#carrieres_postes .emploi {
	margin-bottom:10px;
}

#carrieres_postes a {
	display: block;
	line-height: 1.2em;
	text-decoration: underline;
	font-size:0.92em;
}

#carrieres_postes a:hover,
#carrieres_postes a.selected {
	color: #53555C;
}

.contacts {
	font: 1em/1.2em Arial, sans-serif;
	color: #53555C;
	padding: 0 7px;
}


#postuler_lien {
	display: block;
	float: none;
	width:60px;
	text-align:center;
	margin-top:10px;
}

#postuler_contenu {
	
}

#postuler_contenu label {
	display: block;
	font-size: 0.92em;
	font-weight: bold;
	padding: 10px 0 3px 0;
}

#postuler_contenu input, #postuler_contenu select, #postuler_contenu textarea {
	width: 200px;
	border: 1px solid #69A2B6;
	font-size: 0.92em;
}

#postuler_contenu select {
	width: 206px;
}

#postuler_contenu #submit_envoyer {
	width: 75px;
	margin: 10px 0 0 0;
}

/* NOUS JOINDRE (ID=8)
-----------------------------------------*/
.contenu_contact {
	/*extend: #contenu*/
}

.nous_joindre #conteneur {
	margin: 15px 15px 25px 0; /* 260px pour #promotions*/
}

#map {
	width: 100%;
	height: 396px;
}

#directions {
	display: none;
	background-color: #fff;
	border: 1px solid #000000;
	margin: 10px 0 0 0;
	padding: 5px;
}

#infobulle {
	display:none;
}

#map_boutons {
	float: left;
	width: 450px;
}

#map_directions {
	float: left;
	width: 202px;
}

#map_directions input {
	width: 170px;
	border: 1px solid #69A2B6;
}

a.bouton_map {
	display: block;
	float: left;
	font-size: 0.92em;
	margin: 0 5px 10px 0;
	padding: 2px 10px;
	background-color: #47C3D3;
	color: #FFFFFF;
}

a.bouton_map:hover, a.bouton_map.bouton_map_selected {
	background-color: #53555C;
	text-decoration: none;
}

/* POLITIQUE DE CONFIDENTIALITE (ID=9)
-----------------------------------------*/
.contenu_politique {
	/*extend: #contenu*/
}


/* ERREURS
-----------------------------------------*/

.contenu_erreur {
	/*extend: #contenu*/
}
.contenu_erreur #subnav {
	/*extend: #subnav*/
	background:#eaf1f7 url();
}

.contenu_erreur #subnav li {
	padding-bottom:0.83em;
	display:block;
}
.contenu_erreur #subnav li a {
	display:inline;
	border:0;
	background:none;
	font-size:1em;
}

.contenu_erreur #subnav .date {
	display:block;
	color:#012c41;
	font-weight:bold;
	line-height:1em;
}
.contenu_erreur #subnav ul li a {
	color:#47c3d3;
}
.contenu_erreur #subnav ul li a:hover {
	color:#000;
}

.contenu_erreur #subnav {
	/*extend: #subnav*/
}

.contenu_erreur #principal {
	/*extend: #contenu .principal*/
}

.contenu_erreur #subnav ul li a {
	/*extend: #subnav ul li a*/
}

.contenu_erreur #principal .bloca {
	/*extend: #principal .bloca*/
}

.contenu_erreur #principal .bloca .contenu {
	/*extend #principal .bloca .contenu*/
}

.contenu_erreur #principal .blocc {
	/*extend #principal .blocc*/
}


/* BAS
-----------------------------------------*/
#footer {
	width:1000px; /* Pour IE6 : 2x padding-top du #footer .content */
	clear: both;
	color:#fff;
	background:#cccccc;
}
#footer .content {
	position: relative;
	padding:8px 12px;
}

#footer .nav {
	/*extend ul.nav*/
}

#footer .nav li {
	/*extend ul.nav li*/
	margin-right:10px;
}

#footer a {
	color:#53555C;
	font-size:0.92em;
	text-decoration:underline;
}

#updated_at {
	float:right;
	margin-top:2px;
	font-size:0.83em;
}

#signature {
	font-family: Arial;
	position: absolute;
	top: 13px;
	right: 12px;
	text-transform: uppercase;
	font-size: 0.83em;
	line-height: 1em;
}

#signature a {
	color: #758FA8;
	text-decoration: none;
}

#signature a:hover {
	color: #53555C;
}


/* BLOC TEXTE
-----------------------------------------*/
.fcktexte {
	
}

.fcktexte a,
#fcktexte a {
	cursor:pointer;
	color:#9D9FA2;
	text-decoration:underline; 
	outline:none;
}
.fcktexte a:hover {
	color:#000;
}


.fcktexte ul,
#fcktexte ul {
	margin:0 0 7px;
	padding:0 0 0 10px;
}
.fcktexte ul li,
#fcktexte ul li {
	list-style-type: none;
	background:transparent url("../images/ul/puces/puce.gif") 0 5px no-repeat;
	padding:0 0 3px 10px
}

.fcktexte p,
#fcktexte p {
	margin:0 0 0.83em;
	padding:0;
}

.fcktexte .encadre,
#fcktexte .encadre {
	padding:10px;
	background-color:#E6E4E4;
	font:1em/1.25em Arial, sans-serif;
}
.fcktexte .encadre_bottom,
#fcktexte .encadre_bottom {
}

.fcktexte td,
#fcktexte td,
.fcktexte th,
#fcktexte th {
	padding:6px;
	font:0.92em/1.25em Arial, sans-serif;
	background-color:#E6E4E4;
}

.fcktexte th,
#fcktexte th {
	background-color:#E6E4E4;
	color:#677F72;
	font-weight:bold;
}

.fcktexte .bloc_deroulant {
	margin-top:6px;
	margin-left:-10px;
	margin-right:-10px;
}

.fcktexte a.lien_deroulant {
	display:block;
	text-decoration:none;
	padding:3px 8px 2px 20px;
	line-height:1.3em;
	background:transparent url(../images/ul/graphiques/lien_deroulant.gif) no-repeat left top;
	color:#012C41;
	font-weight:bold;
}

.fcktexte .bloc_deroulant_selected a.lien_deroulant {
	background-position:-476px center;
}

.fcktexte .zone_deroulante {
}

.fcktexte .zone_deroulante_top {
	background-color:#eaf1f7;
	padding:10px;
	border-left:1px solid #8abbd9;
	border-right:1px solid #8abbd9;
}
.fcktexte .zone_deroulante_bottom {
	background:transparent url(../images/ul/graphiques/lien_deroulant_bottom.gif) center top no-repeat;
	height:2px;
	font-size:2px;
	line-height:2px;
}

.fcktexte table {
}

.fcktexte table tr.paire td {
	background-color: #E6E4E4;
}
.fcktexte table td,
.fcktexte table th {
	border-top:3px solid #fff;
	border-left:3px solid #fff;
}
.fcktexte table td.premier_ligne,
.fcktexte table th.premier_ligne {
	border-top:0;
}
.fcktexte table td.premier_colonne,
.fcktexte table th.premier_colonne {
	border-left:0;
}

.colore {
	color:#53555C;
}

.note {
	font:0.83em/1.3em Arial, sans-serif;
}


.bloc_texte ul {
	list-style-type:none;
	margin:0;
	padding:0 0 0 15px;
}

.fcktexte img,
.fcktexte img.alignleft,
#fcktexte img.alignleft {
	margin: 10px 10px 10px 0;
	float:left;
}

/* DIVERS
-----------------------------------------*/
form {
	margin:0;
}

input, select, textarea {
	border:0;
	padding:2px;
	font:1em/1.2em Arial, sans-serif;
}

.message, .message_succes {
	border:1px solid #d70f0f;
	width:80%;
	margin:10px auto;
	padding:5px;
	background-color:#FFF;
	color:#d70f0f;
	text-align:center;
	line-height:1.3em;
	font-weight:bold;
}

.message ul {
	font-size: 0.92em;
	padding: 0 0 0 18px;
	margin: 0;
}

.message_succes {
	border:1px solid #26b147;
	color:#26b147;
}

.erreur {
	color:#f24a4a;
}

.message.erreur {
	text-align: left;
}

#version_dev {
	background-color:#FF0000;
	padding:5px 10px;
	color:#FFFFFF;
	position:relative;
	top:-10px;
}

.clear {
	clear:both;
	height:10px;
}


#printBox {
	background:#f4fafa;
	width:430px;
	margin-bottom:20px;
	padding:7px 10px 10px;
}

#printBox a img {
	position:relative;
	top:3px;
}

#printBox a {
	font:0.92em Arial;
	color:#67b2ca;
}

#printBox a:hover {
	text-decoration:none;
	background:none;
}

#printBox a:hover span {
	text-decoration:underline;
}