@charset "iso-8859-5";
/*-----------------------------------------------------------------------------
 *  Feuille de style du site www.solucom.fr destinee a la typographie.
 *  
 *  Les 3 couleurs dominantes : 
 *  Bleu : #0170B9 - gris : #616161
 *
 *  Styles generiques ou des elements html 
 -----------------------------------------------------------------------------*/
body { 
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
}
a, a:link, a:visited, a:active, a:hover {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	font-weight: normal;
	color: #00477f;
	text-decoration: none;
}
a:active, a:hover {
	color: #616161;
}
/** liens lire la suite **/
a.lire, 
a.lire:link, 
a.lire:visited, 
a.lire:active {
	text-decoration: underline;
	color: #00477f;
	font-style:italic;
}
/*-----------------------------------------------------------------------------
 *  Styles associs au lien qui forme les bulles d'aide
 -----------------------------------------------------------------------------*/
.carregris, .carrebleu { color: #616161; }
.gris { color: #616161; }
.bleu { color: #00477f; }
/***Les titres***/
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
	color: #616161;
}
/* Style utilise dans le modele titre_societe */
.titre-societe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
}
.noir { color: #000000; }
.gris-solucom { color: #9f9590; }
/*-----------------------------------------------------------------------------
 * le menu de haut de page
 -----------------------------------------------------------------------------*/
#conteneur-nav-haut #navigation ul, 
#conteneur-nav-haut #navigation a {
	font-family: Arial, Helvetica, sans-serif;
}
/**  Style par defaut des liens pour les elements du niveau superieur  **/
#menu_pal li a {
	letter-spacing: -0.05em;
	background: transparent url(../images/bg_menu_haut.png) no-repeat top left;
	color: #616161;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}
/**  Style par defaut des liens pour les elements du niveau superieur en mode survole  **/
#menu_pal li a:hover {
	color: #00477f;
}
/* Premier element du niveau superieur */
#menu_pal li a.premier-item {
	border: 0 none;
	background-image: none;
}
/**  Marquage du secteur en cours (actif)  **/
#menu_pal span.curent-item {
	color: #00477f;
}
/* Elements du niveau inferieur */
#menu_pal li li a {
	font-size: 11px;
	font-weight: normal;
	color: #00477f;
	border: 0 none;
	line-height: 21px;
	padding-left: 8px;
	background: #c7c7c7 url(../images/bg_smh.png) repeat-x 0px -21px;
	border-bottom: 1px dashed #ffffff;
	letter-spacing: 0.05em;
	text-align: left;
}
#menu_pal li li a:hover {
	background: url(../images/bg_smh.png) repeat-x 0px 0px;
	color: #FFFFFF;
}
/*-----------------------------------------------------------------------------
 *  Styles associs au chemin de navigation  
 -----------------------------------------------------------------------------*/
#pathway {
	color: #616161;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#pathway a, #pathway a:link, #pathway a:visited, #pathway a:active, #pathway a:hover {
	font-weight: bold;
	color: #616161;
}
#pathway a:hover {color: #00477f;}
/*-----------------------------------------------------------------------------
 *  Styles associses au menu de chaques rubrique
 -----------------------------------------------------------------------------*/
/* Titre de la rubrique */
#navigation-rubrique h2.menu-titre, 
#navigation-rubrique h2.menu-titre a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #616161;
}
/* Les liens de premier niveau du sous menu des rubriques */
#navigation-rubrique ul a, 
#navigation-rubrique ul a:link, 
#navigation-rubrique ul a:visited, 
#navigation-rubrique ul a:hover, 
#navigation-rubrique ul a:active {
	color: #00477f;
}
#navigation-rubrique ul a:hover, 
#navigation-rubrique ul a:active {
	color: #616161;
}
/* Les liens du sous menu des rubriques pour l'lment en cours */
#navigation-rubrique li a span.curent-item { color: #616161; }
/* Les sous-menu du sous menu des rubriques */
#sommaire li li.ssmenurub a, 
#page li li.ssmenurub a, 
#sommaire li li.ssmenurub_on a, 
#page li li.ssmenurub_on a {
	font-size: 10px;
}
#navigation-rubrique ul ul li.ssmenurub a {
	color: #616161;
	font-size: 10px;
}
/*-----------------------------------------------------------------------------
 * Raccourcies typographique SPIP
 -----------------------------------------------------------------------------*/
/**Titre de niveau 1 raccourci spip {{{ }}}**/
h2.titre, 
h2 {
	font-family: Verdana, Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #00477f;
}
/** Titre de niveau 2 raccourci spip {2{ }2} **/
h3, 
h3.spip {
	font-family: Verdana, Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #00477f;
}
/** Titre de niveau 3 raccourci spip {3{ }3} **/
h4 {
	font-family: Verdana, Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 12px;
	color: #00477f;
}
h4 a {
	font-family: Verdana, Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 12px;
	color: #00477f;
}
/** Non utilise pour le moment **/
h5 {
	font-family: Verdana, Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
	color: #00477f;
}
h6 { font-family: Verdana, Arial, "Bitstream Vera Sans", Helvetica, sans-serif; }
/***Les paragraphes***/
p.texte, p.spip {
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
	color: #616161;
	text-align: justify;
}
h2 p.spip, 
h3 p.spip, 
h4 p.spip {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}
p.liste {
	font-size: 11px;
	color: #616161;
	text-align: justify;
	text-indent: 1em;
}
.mots_cles {
	font-family:Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	color: #00477f;
}
.mots_cles span.titre {
	font-weight: bold;
	text-decoration: underline;
}
.liste_liens {
	font-family:Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	color: #00477f;
}
.liste_liens a {
	color: #00477f;
	text-decoration: underline;
}
strong.spip, 
div.encart strong.spip, 
b, 
div.encart b {
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	color: #00477f;
}
/**Les listes generees par spip**/
ul.spip {
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #616161;
}
/**Les listes des modules de l'encart'**/
ul.liste-puce li {
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #616161;
}
/*-----------------------------------------------------------------------------
**  Les documents et les images
-----------------------------------------------------------------------------*/
/* Les documents alignes a droite */
.document_legende {
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 9px;
}
/* Le titre des documents */
.document_legende .nom, 
.spip_doc_titre {
	font-weight: bold;
	color: #333333;
	white-space: nowrap;
	font-size: 10px;
}
/* Description des documents */
.document_legende .description, 
.spip_doc_descriptif {
	color: #616161;
	font-size: 10px;
}
/*-----------------------------------------------------------------------------
 *  Les tableaux 
 -----------------------------------------------------------------------------*/
/* Tableau generes par spip plus tableau des squelettes contenu actus */
table.spip caption, 
table.comm caption, 
table.evenement caption {
	text-align: left;
	color: #00477f;
	font-weight: bold;
}
table.spip th, 
table.spip td, 
table.evenement th, 
table.comm th, 
table.comm td, 
table.evenement td {
	text-align: left;
}
table.spip th, 
table.comm th, 
table.evenement th {
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00477f;
}
table.spip td, 
table.comm td, 
table.evenement td {
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #616161;
}
/* Tableau de l'article notre offre de la rubrique Nos savoir-faire */
table.offres p {
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size:11px;
}
table.offres p.titre_offres {
	text-transform:uppercase;
	color:#8b9394;
	font-weight:bold;
	font-size:12px;
}
table.offres p.texte_offres {
	color:#6d6c71;
	font-size:10px;
}
table.offres p.mots_offres {
	color:#2da3dc;
	text-transform:uppercase;
}
span.detail { font-style:italic; }
/* style utilis� dans le mod�le table adresse */
table.adresse td {
	font-size: 11px;
	color:#616161;
}
table.adresse td.contact {
	white-space: nowrap;
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#616161;
}
table.adresse td.info-contact { font-size: 11px; }
/* Style pour les blocs de textes de fond bleu */
.cadre-infos .titre {
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 14px;
	color: #8caed4;
}
.cadre-infos .contenu-infos {
	color: #FFFFFF;
	font-family:Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
}
div.cadre-infos td {
	font-family:Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}
div.cadre-infos li.spip {
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
}
div.cadre-infos p.spip {
	font-family:Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}
.para2colonnes .blocktitre {
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00477f;
}
.para2colonnes .blocktexte {
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
	color: #616161;
}
/**Styles associs au liens qui forme les bulles d'aides et les bio qui 
** utilisent la librairie overlib**/
.fontClass {
	font-family:Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size:11px;
	color:#616161;
}
/**  Les bios **/
a.bio, 
a.bio:link, 
a.bio:visited, 
a.bio:active {
	text-decoration: underline;
	color: #616161;
}
a.bio:hover { color: #00477f; }
a.bio:hover span, 
a.bio:hover div {
	color: #555;
	text-decoration: none;
}

/**  Autres styles **/
.pourpre { color: #8C2D5F; }
.petit { font-size: 9px; letter-spacing: -0.05em; }
/*  ----------------------------------------------------------- */
/*  Syle du squelette plan du site                              */
/*  ----------------------------------------------------------- */
.plan_secteur .titre {
	color:#FFFFFF;
	white-space:nowrap;
	font-family:Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
}
div.communique table td {
	color: #616161;
	font-size:11px;
}
div.communique table td .titre_communique {
	font-family:Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color: #00477f;
}
/* Paragraphes, citations, code et poesie */
p.spip_note { font-size: 9px; }
.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.1em; }
div.blocktemoignage p.titre-temoignage {
	font-size: 14px;
	font-weight:bold;
	color:#97bcdf;
}
/*--------------------------------------------------------------------------
 * ****  Blocs de contenu de la page d'accueil  *********
 --------------------------------------------------------------------------*/
/** Titre commun  tous bloc module **/
h2.titre-module {
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00477f;
}
/*-------------------------------------------------------------------------- 
 *  Contenu des blocs module 
 --------------------------------------------------------------------------*/
.contenu-module {
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size:11px;
	color: #616161;
	line-height: 16px;
}
/** Liste  puce des blocs module **/
.contenu-module ul.liste-module li.titre-date {
	font-size: 11px;
	font-weight: bold;
	color: #616161;
}
ul.liste-module li.texte, 
ul.liste-module li.texte a, 
ul.liste-module li.texte a:link, 
ul.liste-module li.texte a:visited, 
ul.liste-module li.texte a:active {
	font-size: 11px;
	font-weight: normal;
	color: #616161;
}
ul.liste-module li.texte a:hover {
	font-size: 11px;
	font-weight: normal;
	color: #00477f;
}
.contenu-module ul.liste-puce {
	font-size: 11px;
	color: #00477f;
}
.contenu-module ul.liste-puce li {
	font-size: 11px;
	font-weight: normal;
	color: #616161;
}
/*Liens quand ils se trouvent dans le contenu du module*/
.contenu-module p.lien_module a, 
.contenu-module p.lien_module a:link, 
.contenu-module p.lien_module a:visited, 
.contenu-module p.lien_module a:active, 
.contenu-module p.lien_module a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00477f;
	text-decoration: underline;
}
.contenu-module p.lien_module a:hover {
	color: #616161;
	text-decoration: underline;
}
.pied-module, 
.pied-module a, 
.pied-module a:link, 
.pied-module a:visited, 
.pied-module a:active, 
.pied-module a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00477f;
	text-decoration: underline;
}
.pied-module a:hover {
	color: #616161;
	text-decoration: underline;
}
.contenu-module p.texte {
	font-family: Verdana, Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
	color: #616161;
}
/*  Styles specifiques au au module de temoignages  */
div.texte-vignette-temoignage-module { font-size: 10px; }
/*--------------------------------------------------------------------------
 *  Feuille de style des formulaires
 --------------------------------------------------------------------------*/
legend {
	font-family:Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#00477f;
}
label {
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
	color: #616161;
}
select {
	font-size:10px;
	color: #fff;
}
/** Classe des champs de formulaires de type bouton **/
.bout-form {
	color: #8C2D5F;
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
}
/** Classe des messages d'erreur **/
.msg {
	font-size:10px;
	color:#FF0000;
}
.formulaire-contenu p {
	font-size:11px;
	color:#616161;
}
/*****  formulaire de postulation  ***************/
#formulaire-titre {
	color: #00477f;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}
#reponse-offres legend { font-weight:normal; }
#documents span { color: #8C2D5F; }