@charset "UTF-8";

/* Réalisé par Althéa Studio - www.althea-groupe.com */

/* @override
	http://localhost:8888/2009/Althea/www.althea-groupe.com/squelettes/css/althea_style.css
	http://sitedev.althea-groupe.com/squelettes/css/althea_style.css
	http://www.althea-groupe.com/squelettes/css/althea_style.css
*/

@import url("reset.css");

/* @group LAYOUT */

html {
}

body {
	background: url(../images/layout/bg_html.jpg) repeat-x;
	text-align: center;
}

/* @group Body */

body.page_sommaire,
body.page_recherche {
	background: url(../images/layout/bg_sommaire.jpg) repeat-x;
}

body.althea,
body.page_mot {
	background: url(../images/layout/bg_groupe.jpg) repeat-x;
}

body.page_rubrique,
body.page_404,
body.page_plan,
body.page_references,
body.page_coordonnees {
	background: url(../images/layout/bg_groupe.jpg) repeat-x;
}

body.rh {
	background: url(../images/layout/bg_rh.jpg) repeat-x;
}

body.architecture {
	background: url(../images/layout/bg_architecture.jpg) repeat-x;
}

body.webdesign {
	background: url(../images/layout/bg_webdesign.jpg) repeat-x;
}

/* @end */

div#page {
	width: 960px;
	text-align: left;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top:-6px;
	z-index: 0;
	background: url(../images/layout/bg_page_rubrique.gif) repeat-y left top;
}

div#banner {
	background:url("../images/layout/bg_banner.png") repeat-x scroll left bottom transparent;
	overflow:hidden;
}

div#entete {
	height: 92px;
	width:960px;
	margin:0 auto
	/*background: url(../images/layout/bg_html.jpg) repeat-x;*/
	/* Masque les filets de l'image de fond dans id=page */
}

div#visuel {
	clear: both;
	z-index: 0;
}

#entete a.accueil img {
	float:left;
}

div#navigation {
  /*background: url(../images/layout/bg_html.jpg) repeat-x left top;*/
	float:right;
	font-size:9px;
	text-align:left;
	width:810px;
	z-index:100;
	padding:0 0 20px 0;
	margin:0;
}

div#extra {
	float: right;
	width: 300px;
	margin-right: 10px;
}

div#conteneur {
	text-align: left;
	overflow: hidden;
	float: left;
	margin-top: -15px;
	width: 650px;
	padding: 0 0 20px;
	position: relative;
}

div#contenu {
	padding-left: 20px;
	padding-right: 40px;
}

div#hierarchie {
	font-size: 10px;
	position: relative;
}

div#pied {
	font-size: 10px;
	line-height: 12px;
	clear: both;
	position: relative;
	font-size: 11px;
	color: #e6e6e6;
	letter-spacing: 0;
	z-index: 100;
	text-align: right;
	margin-right: 10px;
	padding-top: 5px;
	padding-bottom: 15px;
	background-color: white;
	border-top: 1px solid #e5e4e1;
	overflow: hidden;
}

/* @group SPIP-ADMIN */

/* Emplacment des boutons admin après connexion */

div.spip-admin-float {
	/*position: fixed;
	top: 5px;
	right: 5px;*/
}

/* @end */

/* @group Divers */

#pied img {
	vertical-align: middle;
}

/* Espaceur de blocs */

.nettoyeur {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1px;
	font-size: 1px;
}

/* Non visible a l'ecran */

.invisible {
	position: absolute;
	top: -3000em;
	height: 1%;
}

/* Selection du texte avec le moteur de rendu Gecko */

/**::-moz-selection {
	background-color: #4e459e;
	color:white;
}*/

/* Supression des pointillés */

:focus, :active { outline: 0; }


/* @end */

/* @end */

/* @group TYPOGRAPHIE */

html {
	font-size: 100%;
}

/* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */

body {
	font-size: 0.8125em;
	font-family: "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif;
	color: #333;
}

/* Titraille / Intertitres */

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 1em;
}

h1 {
	font-size: 1.70em;
	color: #000;
	margin-top: 20px;
}

h2 {
	font-size: 10px;
	text-transform: none;
	letter-spacing: 0.10em;
	margin-top: 5px;
	display: block;
}

h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active {
	color: #a72525;
}

h3 {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 0.4em;
	margin-top: 0.5em;
	line-height: 17px;
}

h3, h3 a {
	color: #111;
}

h3 a:focus, h3 a:hover, h3 a:active {
	color: #4c3995;
}

h3.spip {
	margin-top: 1.1em;
	/*clear: both;*/
}

/* @group Titres BL */

body.rh div#contenu h1 {
	color: #8a8074;
}

body.architecture div#contenu h1  {
	color: #749c17;
}

body.webdesign div#contenu h1 {
	color: #69a3b1;
}

/* @end */

/* Cf.: spip_style.css */

hr.spip {

}

/* Cf.: spip_style.css */

/* Autres enrichissements typo */

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

abbr, acronym {
	border-bottom: 1px dotted;
	cursor: help;
}

small {
	font-size: 0.90em;
	color: #666;
}

dfn {
	font-weight: bold;
	color: #666;
}

del {
	text-decoration: line-through;
}

ins {
	color: red !important;
	text-decoration: none;
}

sup, sub {
	font-size: .8em;
	font-variant: normal;
}

/* Listes */

ul.spip {

}

/* Cf.: spip_style.css */

ol.spip {

}

/* Cf.: spip_style.css */

dl {

}

dt {
	line-height: 1em;
}

dd {
	font-size: 10px;
	/*line-height: 12px;*/
	font-style: italic;
	color: gray;
}

/* Citations, code et poesie */

cite {

}

q {

}

blockquote  {
}

blockquote.spip {

}

/* Cf.: spip_style.css */

blockquote.spip_poesie {

}

/* Cf.: spip_style.css */

.spip_code {

}

/* Cf.: spip_style.css */

.spip_cadre {

}

/* Cf.: spip_style.css */

address {

}

/* Tableaux */

table.spip {

}

/* Cf.: spip_style.css */

/* Logos, documents et images */

img {
	margin: 0;
	padding: 0;
	border: 0;
}

.spip_logos {
  margin:5px;
}

a img {
	border: none;
}

/* @end */

/* @group NAVIGATION  */

/* @group Navigation BL */

body.rh #navigation .rubriques ul li a.on,
body.rh #navigation .rubriques ul li a.on:hover {
	color: #9e9283;
}

body.architecture #navigation .rubriques ul li a.on,
body.architecture #navigation .rubriques ul li a.on:hover {
	color: #749c17;
}

body.webdesign  #navigation .rubriques ul li a.on,
body.webdesign #navigation .rubriques ul li a.on:hover {
	color: #69a3b1;
}

/* @end */

#navigation .rubriques h2 {
	display: none;
}

#navigation .rubriques  {
	overflow: hidden;
}

#navigation .rubriques ul {
	z-index: 50;
	overflow: hidden;
}

#navigation .rubriques ul li {
	background:url("../images/layout/bg_menu_li.jpg") no-repeat scroll left 15px transparent;
  float:left;
  padding:5px 10px;
  margin:0;
	/*width: 150px;*/
}

#groupe_navigation_1 {
	width:140px;
}

#groupe_navigation_10 {
  width:100px;
}

#groupe_navigation_11 {
  width:190px;
}

#groupe_navigation_12 {
  width:150px;
}

#groupe_navigation_5 {
  width:100px;
}

#navigation .rubriques ul li span {
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 12px;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

#navigation .rubriques ul li a {
	display: block;
	color: white;
}

#navigation .rubriques ul li a.on,
#navigation .rubriques ul li a.on:hover {
	color: #768edd;
}

#navigation .rubriques ul li a:focus,
#navigation .rubriques ul li a:hover,
#navigation .rubriques ul li a:active {
	text-decoration: none;
	color: #ececec;
}

#navigation .rubriques ul ul {
}

#navigation .rubriques ul ul li {
	float: none;
	/*height: 11px;*/
	padding: 0;
	background-image: none;
	line-height: 10px;
}

#navigation .rubriques ul ul li a {
	color: #bcbad2;
}

#navigation .rubriques ul ul li a:focus,
#navigation .rubriques ul ul li a:hover,
#navigation .rubriques ul ul li a:active {
	text-decoration: none;
	color: #706a5d;
}



/* @group Recherche */

.formulaire_recherche {
	width: 190px;
	position: absolute;
	bottom: 65px;
	right: 0;
}

.formulaire_recherche form {
	background-color: transparent;
}

.formulaire_recherche form label {
	float: left;
	line-height: 15px;
	text-transform: none;
}

.formulaire_recherche input.text {
	background-color: #FFF;
	background-image: none;
	padding-left: 5px;
	color:#322A8F;
	font-size:10px;
	line-height:13px;
	width:100px;
	border: 1px solid #CCCCCC;
}

#formulaire_recherche.formulaire_recherche form p.boutons {
	text-align: left !important;
}


.formulaire_recherche input#btn-rechercher {
	line-height: 13px;
	background-color: transparent;
	border-style: none;
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
	cursor: pointer;
	color: #2f363e;
	width: 70px;
}

.formulaire_recherche input#btn-rechercher:hover {
	color: white;
}



/* @end */

/* @end */

/* @group VISUEL */

#visuel {
	height: 213px;
	position: relative;
}

#visuel blockquote {
	position: absolute;
	top: 100px;
	left: 125px;
	text-align: justify;
	margin: 0;
	padding: 0 !important;
	font-size: 12px;
	width:625px;
}

#visuel blockquote img {
	float: right;
}

#visuel blockquote p {
	padding-left: 35px;
	padding-right: 35px;
	font-size: 15px;
	letter-spacing: 0 !important;
}

#visuel #promo1, #visuel #promo2, #visuel #promo3 {
	position: absolute;
	top: 20px;
}

#visuel #promo1 {
	left: 10px;
}

#visuel #promo2 {
	left: 335px;
}

#visuel #promo3 {
	left: 660px;
}

body.rh #visuel blockquote p,
body.architecture #visuel blockquote p,
body.webdesign #visuel blockquote p  {
	color: #f8f7f5;
}

#visuel blockquote p span.auteur {
	font-weight: bold;
	display: block;
	text-align: right;
	margin-top: 5px;
}


/* @end */

/* @group EXTRA */

div#extra {
	font-size: 0.90em;
	color: #555;
}

/* @group Serendipite */

div#extra #serendipite {
	background-color: #f2f0ee;
}

div#extra #serendipite ul {
	color: #e5e4e1;
	margin-top: 10px;
	margin-bottom: 10px;
}

div#extra #serendipite ul li {
	margin: 0 -5px 5px;
}

div#extra #serendipite ul li a {
	display: block;
	padding: 3px 5px;
}


/* @end */

/* @group Services */

/* @group #Services BL */

body.rh div#extra #services {
	background-color: #806053;
}

body.rh div#extra #services ol li a.on {
	color: #b7b5b3;
}

body.architecture div#extra #services {
	background-color: #5a7b12;
}

body.architecture div#extra #services ol li a.on {
	color: #c6d1ac;
}

body.webdesign div#extra #services {
	background-color: #43667a;
}

body.webdesign  div#extra #services ol li a.on {
	color: #bdcad1;
}

/* @end */

body div#extra #services {
	width: 100%;
	background-color: #34293a;
	text-align: left;
	overflow: hidden;
}

body div#extra #services img {
	float: left;
}

div#extra #services ol {
	padding: 5px 20px 0 80px;
}

div#extra #services ol li {
	margin-bottom: 10px;
}

div#extra #services ol li a {
	color: white;
	font-size: 11px;
}

div#extra #services ol li a.on {
	color: #7c75b7;
}

/* @end */

/* @group Menu */

/* Habillage general des menus de navigation */

div#extra .menu {
	text-align: left;
	border-bottom: 1px solid #e5e4e1;
	padding: 10px 0;
	margin-bottom: -1px;
}

div#extra .menu h2 {
	color: #a72525;
	text-transform: none;
	letter-spacing: 0.10em;
	margin: 0 20px 5px;
	clear: both;
}

div#extra .menu h3 {
	margin: 0 20px;
}

div#extra .menu p {
	margin: 0 20px 10px;
	font-size: 11px;
}

div#extra .menu ul {
	margin: 0 20px;
}

div#extra .menu ul li {
}

div#extra .menu li p {
	margin: 0;
}

div#extra .menu ul li ul {
}

div#extra .menu ul li li {
}

/* @end */

/* @end */

/* @group ENTETE */

#entete a.accueil {
	/*display: block;
	float: left;
	height: 92px;*/
}

#entete a.accueil img.spip_logos {
	vertical-align: bottom;
	line-height: 1em;
}

#entete a.accueil #nom_site_spip {
	vertical-align: bottom;
	font-size: 2.2em;
	font-weight: normal;
	margin-left: -999999px;
}

#entete .formulaire_menu_lang {
	position: absolute;
	right: 0;
	top: 0.90em;
	display: block;
	width: 30%;
}

/*Cf.: spip_formulaires.css*/

/* @end */

/* @group CONTENU */

div#contenu .chapo {
	clear: both;
}

div#contenu .chapo p {
	text-align: left;
	margin: 0;
}

div#contenu .chapo ul {
	font-weight: normal;
	list-style-position: inside;
	list-style-type: circle;
}

div#contenu p {
	margin: 0 0 10px;
	text-align: justify;
}

div#contenu small  {
	font-size: 10px;
}

div#contenu ul {
	margin-bottom: 15px;
	overflow:hidden;
}

/* @group Mot */

small.mot {
	display: block;
	color: #d7d7d7;
}

small.mot a {

}

/* @end */


/* @group Decoupe */


div.onglets_bloc {
}

div.onglets_bloc .onglets_liste {
	overflow: hidden;
	border-bottom: 4px solid #4e459e;
	margin-bottom: 10px;
}

div.onglets_bloc .onglets_contenu {
	top: 10px !important;
	padding: 0 !important;
	border-style: none !important;
}

/* @group Onglets */

/* Css decoupe.css du plugin couteau suisse modifiée */

div.onglets_bloc .onglets_liste {
	padding: 0;
	width: 100%;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}

div.onglets_bloc .onglets_liste h2 {
	display: inline;
	text-transform:uppercase;
}

div.onglets_bloc .onglets_liste h2 a {
	float: left;
	color: white !important;
	padding: 1px 10px;
	background-color: #242930;
	border-left: 1px solid white !important;
	border-bottom: 1px solid white;
	text-decoration: none;
}

div.onglets_bloc .onglets_liste h2 a:hover{
	background-color: gray; /*Menu hover bgcolor*/
}

div.onglets_bloc .onglets_liste h2.onglets_titre.selected a,
div.onglets_bloc .onglets_liste h2.onglets_titre.selected a:hover { /*currently selected tab*/
	background-color: #4e459e;
	border-style: none !important;
	border-bottom: 1px solid #4e459e !important;
	border-left: 1px solid white !important;
	margin-left: -1px;
}

/* @end */


/* @end */

/* @group Date */

small.date {
	width: 80px;
	display: block;
	float: left;
	background-image: url(../images/icons/logo_date.png);
	height: 80px;
	text-align: center;
	color: white;
	margin: 10px 0;
	clear: both;
}

small.date .mois {
	display: block;
	font-size: 9px;
	margin-top: 9px;
}

small.date .jour {
	display: block;
	margin-top: 4px;
	font-size: 19px;
}

/* Masque la date dans les références*/
body.page_article.rh p.date,
body.page_article.architecture p.date
body.page_article.webdesign p.date {
	display: none;
}

/* @end */

/* @group Spip */

/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie {
	/*clear: both;
	margin-bottom: 2em;
	font-size: 0.90em;*/
}

#hierarchie, #hierarchie a {
	line-height: 16px;
}

.cartouche {
	margin-bottom: 2em;
	margin-top: 1em;
}

.cartouche .spip_logos {
	float: left;
	background-color: #e1ded5;
	padding: 5px !important;
	border-style: none;
	border-right: 10px solid #fff;
	margin-bottom: 10px;
}

.cartouche p {
	margin: 0;
	padding: 0;
}

.surtitre, .soustitre {
	color: #a72525;
	text-transform: none;
	letter-spacing: 0.10em;
	/*margin-bottom: 10px;*/
}

.cartouche .surtitre {
	margin-bottom: -15px !important;
}

.cartouche .soustitre {
	margin-top: 0.50em;
	margin-bottom: 0.30em;
}

.cartouche .traductions {
	font-size: 0.90em;
}

.chapo {
	margin-bottom: 1.50em;
	line-height: 1.40em;
	font-weight: bold;
	border: 1px solid #e5e4e1;
	border-right-style: none;
	border-left-style: none;
	padding: 5px 0;
	font-size: 1.1em;
}

.texte {
	line-height: 1.60em;
}

.hyperlien {
	display: block;
	background: #EEE;
	padding: 0.50em 1em;
	font-weight: bold;
	color: #8B6F92;
}

.ps, .notes {
	margin-bottom: 2em;
	line-height: 1.40em;
}

.notes {
	clear: both;
	font-size: 0.90em;
}

abbr.published {
	border: 0;
}

/* Portfolio */

#documents_portfolio {
	clear: both;
	text-align: center;
}

#documents_portfolio div {
	overflow: hidden;
	margin: 5px 20px;
}

#documents_portfolio .spip_logos {
	border: 5px solid #e5e4e1;
}

#documents_portfolio a.on .spip_logos {

}

#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos {
	border: 5px solid #e5e4e1;
}




/* Habillage des forums
---------------------------------------------- */

.repondre {
	clear: both;
	text-align: center !important;
	display: block;
	float: right;
}

/* @group Repondre */

.repondre a {
	background-image: url(../images/icons/btn_repondre.png);
	display: block;
	width: 195px;
	height: 40px;
	color: white !important;
	line-height: 36px;
}

.repondre a:hover {
	background: url(../images/icons/btn_repondre.png) 0 -40px;
	text-decoration: none;
}

.repondre a:active {
	background: url(../images/icons/btn_repondre.png) 0 -80px;
}

/* @end */

/* Habillage des forums */

ul.forum {
	display: block;
	clear: both;
	padding: 0;
	margin: 0 0 0 -10px;
}

ul.forum, ul.forum ul {
	list-style: none;
}

.forum-fil {
	margin-top: 1.50em;
}

.forum-fil ul {
	display: block;
	margin: 0;
	padding: 0;
	margin-left: 1em;
}

.forum-chapo .forum-titre, .forum-chapo .forum-titre a {
	display: block;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #333;
}

.forum-texte {
	margin: 0;
	color: #333;
	border: 1px solid #e5e4e1;
	padding: 10px 10px 0;
	background-color: #faf9f9;
	border-bottom-color: #f8f7f6;
}

.forum-texte .hyperlien {

}

.forum-texte .repondre {
	margin: 0;
	padding: 0.10em 0;
	text-align: right;
}

/* Boite d'un forum : eclaircissement progressif des bords */

ul .forum-message {
	padding: 0;
	width: 178px;
	float: left;
	border-bottom-style: none;
	margin: 0 10px 10px;
}

ul .forum-message p {
	text-align: left !important;
	font-size: 11px;
	color: gray;
}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */

ul .forum-chapo {
	margin: 0;
	background: transparent url(../images/icons/forum_comments_fin.png) no-repeat left 0;
	border-style: none !important;
	padding: 12px 6px 2px;
}

ul .forum-chapo strong {
	color: #222;
}

/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de navigation */

.menu {
}

.menu p {
}

.menu ul {
}

.menu ul li {
}

.menu ul li ul {
}

.menu ul li li {
}

/* Pagination */

.pagination {
	clear: both;
	/*text-align: center !important ;*/
	color: white !important;
	font-size: 10px;
	margin-right: 20px;
}

.pagination a  {
	padding: 2px;
	color: #bbbab7;
}

.pagination .on {
	font-weight: bold;
	color: #666;
	font-size: 13px;
}

.pagination .page {
	font-weight: bold;
	color: #666;
	font-size: 13px;
	margin-right: 10px;
}

/* Rubriques */

.rubriques ul {
}

.rubriques ul li {
}

/*Cf.: spip_formulaires.css*/

/* Listes d'articles et extraits introductifs */

.articles ul li {
	clear: both;
	/*padding: 0.40em 0.20em;*/
}

.articles ul li h3 {
	margin: 0.30em 0;
}

.articles .spip_logos {
	float: left;
	/*clear: right;*/
	margin: 0 10px 0 0;
}

.articles ul li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0;
}

.articles ul li .introduction {
	margin-top: 0.30em;
	line-height: 1.40em;
}

/* Couleurs des liens
---------------------------------------------- */

a {
	color: #4c3995;
	text-decoration: none;
}

a:focus,a:hover,a:active {
	/*color: #F57900;*/
	text-decoration: underline;
}

div#contenu a:visited,
div#extra a:visited {
	color: #4e459e;
}

/* Nouveaux styles */

a.plus {
	margin-top: 20px;
	display: block;
	background: url(../images/icons/plus.gif) no-repeat left 5px;
	padding-left: 22px;
	font-size: 10px;
	line-height: 24px;
	border-top: 1px solid #d7d7d7;
}

a.plus:focus,a.plus:hover,a.plus:active {
	color: #4c3995 !important;
	background: url(../images/icons/plus.gif) no-repeat left -11px !important;
}


/* @end */

/* @group Form */

/* Partie commune */

form {
	/*background-color: #e8e8e8;*/
	padding: 10px;

}

legend {
	text-transform: uppercase;
	text-indent: -500000px;
	position: absolute;
}

label {
	vertical-align: top;
	font-size: 12px;
	/*text-transform: uppercase;*/
	line-height: 18px;
	display: block;
	color: #111;
}

 fieldset {
	clear: both;
}

 fieldset ol,
  fieldset ul {
}


fieldset li {
	list-style: none !important;
	margin-bottom: 10px;
	width: 42%;
	float: left;
}

fieldset li.clear {
	clear: both;
}

em {
	padding-left: 3px;
	color: #bf1c1f;
	font-size: 14px;
	line-height: 8px;
	font-weight: bold;
}

fieldset input {
	font-weight: normal;
	padding: 3px !important;
	font-size: 12px;
	border: 1px solid #a7a7a7;
	/*background-color: #f1f1f1;*/
	color: #322a8f;
	font-style: normal;
	/*width: 400px;*/
	margin-top: 3px;
	margin-bottom: 3px;
}

 fieldset select {
	/*font-size: 11px;
	border: 1px solid #dcdcdc;
	font-weight: normal;
	padding: 3px !important;*/
}

fieldset li.textearea {
	width: 90%;
	clear: both;
}

fieldset textarea {
	border: 1px solid #a7a7a7;
	font: normal 12px lucida grande, Arial, Helvetica, sans-serif;
	padding: 2px;
	color: #bf1c1f;
	width: 415px;
	overflow: hidden;
	/*background-color: #f1f1f1;*/
}

fieldset textarea:hover, fieldset textarea:focus,
fieldset input:focus, fieldset input:hover {
	border: 1px solid #222;
	color: black;
	/*background-color: #f7f4ee;*/
}

/* @group file */

fieldset li.file {
	width: 90%;
	clear: both;
}

fieldset li.file label {
	width: 90%;
}

fieldset li.file input {
	width: 90%;
	background-color: transparent;
	border-style: none;
}

/* @end */

div#contenu p.boutons {
	/*text-align: right !important;*/
	margin-left: 25px;
}

div#contenu p.boutons input,
div#contenu p.spip_bouton input {
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;

	font-size: 11px;
	text-transform: uppercase;
	color: white;
	line-height: 36px;
	border-style: none;
	width: 115px;
	height: 40px;
	background: transparent url(../images/icons/btn_envoyer.jpg) left top;
}

div#contenu p.boutons input:hover {
	background: url(../images/icons/btn_envoyer.jpg) 0 -40px;
}

div#contenu p.boutons input:active {
	background: url(../images/icons/btn_envoyer.jpg) 0 -80px;
}

/* @group Indications */

.formulaire_erreur, .formulaire_ok   {
	display: block;
	text-align: left;
	color: white;
	font-weight: bold;
	padding: 10px;
	background-color: #bf1c1f;
}

.erreur {
	display: block;
	color: #bf1c1f !important;
	font-weight: bold;
}

.formulaire_ok {
	font-weight: bold;
	background-color: #73b4ff;
	color: white !important;
}

/* @end */

/* @end */

/* @group Tableau */



div#contenu table {
	font-size: 1em;
	margin-bottom: 1em;
	text-align: left;
	margin-top: 2em;
}

div#contenu caption {
	margin-bottom: 0.4em;
	text-align: right;
	margin-right: 5px;
	font-weight: bold;
	font-size: 1.2em;
}

div#contenu th {
	color: #333;
	letter-spacing: 0;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #ccc url(../IMAGES/layout/fd_table_th.jpg) no-repeat;
	border: 1px solid #C1DAD7;
	font-weight: bold;
	border-right-style: none;
	border-left-style: none;
}

div#contenu td {
	border: 1px dotted #ccc;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	border-right-style: none;
	border-left-style: none;
}

div#contenu tr.bureau-annexe td {
	/*background-color: transparent !important;*/
}

div#contenu tr.alt.bureau-annexe td {

}

div#contenu tr.bureau-annexe td.spec {
	padding-left: 10px;
	background-color: transparent;
}

div#contenu tr td.lignePaire {
	padding-left: 10px;
	background-color: #f6f6f6;
}

div#contenu td.texte-align-centre {
	text-align: center;
}

div#contenu td em {
	font-weight: bold;
	font-size: 1.3em;
}


/* @end */

/* @group Texte */


div#contenu div.texte {
	overflow: hidden;
	clear: both;
}

div#contenu div.texte hr.clear {
	clear: both;
	visibility: hidden;
}

div#contenu div.texte li {
	list-style-type: circle;
	list-style-position: outside;
	margin-left: 30px;
}

/* doc dans le texte */

.spip_documents dt img {
	margin: 10px;
}

.spip_documents_left {
	margin: 10px 10px 10px 0;
}

.spip_documents_right {
	margin: 10px 0 10px 10px;
}

.spip_documents_center {
	text-align: center !important;
	display: block;
	margin: 20px 0;
}
.spip_documents_center dd {
	text-align: center !important;
	/*width: 100% !important;*/
}
.spip_documents_center .spip_doc_titre {
	display: block;
	width: 100% !important;
	color: #666;
}

.spip_documents_center .spip_doc_descriptif {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: left !important;
}

/* @end */

/* @group Object */

div#contenu div.texte object,
div#contenu div.texte embed {
	margin-top: 10px;
	margin-bottom: 20px;
	width: 100%;
}

/* @end */

/* @group Documents joints */



/* Portfolio */

#documents_joints {
	/*margin-left: -20px;*/
}

#documents_joints .spip_logos {
	float: left;
	padding: 10px;
}

div#extra #documents_joints ul {
	margin-left: 0;
}

div#extra #documents_joints ul li {
	overflow: hidden;
}


div#extra #documents_joints p {
	padding-left: 70px;
}

/* @end */



/* @end */

/* @group PAGES */

/* @group Article */

p.auteur {
	margin-top: 20px;
	border-top: 1px solid #e5e4e1;
	padding-top: 10px;
	text-align: right !important;
}

p.auteur small {
	color: #999;
}


/* @end */

/* @group Sommaire */

/* @group Layout */

body.page_sommaire div#visuel blockquote p {
	padding : 0 !important;
	color: white;
	letter-spacing: 1px;
}

body.page_sommaire div#conteneur {
	width: 100%;
}

body.page_sommaire div#extra {
	float: none;
	margin: 0;
	width: 100%;
}

body.page_sommaire div#pied {
	border-top: 1px solid white;
}

body.page_sommaire #page {
	background-image: none;
}

/* @end */

/* @group Metiers */

#metiers {
	overflow: hidden;
	margin: -61px 0 20px;
	z-index: 50;
	position: relative;
	/*top: -61px;
	margin-bottom: -20px;*/
}

#metiers ul {
}

#metiers ul li {
	float: left;
	width: 310px;
	padding-left: 10px;
	height: 350px;
}

#metiers p.descriptif {
}

#metiers p a.plus {
	margin-top: 20px;
	display: block;
	background: url(../images/icons/plus.gif) no-repeat left 5px;
	padding-left: 20px;
	font-size: 10px;
	line-height: 16px;
	border-top: 1px solid #d7d7d7;
	padding-top: 5px;
	color: gray;
	position: absolute;
	bottom: 0;
	width: 280px;
}

/* @end */

/* @group Sliders */
/*
	Accessible News Slider : Plugin Specific
-----------------------------------------------------------------------------------------*/

.accessible_news_slider {
	position: relative;
	background-color: #e5e4e0;
	padding-bottom: 10px;
}

.accessible_news_slider .javascript_css {
	position: relative;
	z-index: 3;
	padding: 20px;
	background: #fffcd3;
}

.accessible_news_slider .skip_to_news {
	position: absolute;
	top: 0;
	left: -9999px;
}

.accessible_news_slider .view_all {
	position: absolute;
	top: 0;
	left: -9999px;
}

.accessible_news_slider #slider {
	float:left;
	margin-right:10px;
	position: relative;
	overflow: hidden; /* Pour placer les boutons next et back en dehors de .accessible_news_slider  */
	width: 640px;
}

.accessible_news_slider #sticker {
	display:inline-block;
	margin-right:10px;
	margin-top:10px;
}

.accessible_news_slider .back {
	position: absolute;
	top: 45px;
	left: -10px;
	z-index: 2;
}

.accessible_news_slider .back a,
.accessible_news_slider .next a {
	display: none;
	outline: none; /* This is optional, and is arguably less accessible. */
}

.accessible_news_slider .next {
	position: absolute;
	top: 45px;
	right: -10px;
	z-index: 2;
}

.accessible_news_slider .next a,
.accessible_news_slider .back a {
	width: 10px;
	height: 50px;
	overflow: hidden;
	text-indent: -999999px;
	background: #b3b3b3 url(../images/slider/btn.png) no-repeat 0 top;
}

.accessible_news_slider .back a {
	background: url(../images/slider/btn.png) no-repeat 0 -50px;
}

.accessible_news_slider .next a:hover {
	background: url(../images/slider/btn.png) no-repeat -10px 0px;
}

.accessible_news_slider .back a:hover {
	background: url(../images/slider/btn.png) no-repeat -10px -50px;
}


.accessible_news_slider .next a:focus,
.accessible_news_slider .next a:active {
	background: url(../images/slider/btn.png) no-repeat -20px 0px;
}

.accessible_news_slider .back a:focus,
.accessible_news_slider .back a:active {
	background: url(../images/slider/btn.png) no-repeat -20px -50px;
}

.accessible_news_slider ul {
	position: relative;
	left: 0;
	width: auto;
	overflow: hidden;
	z-index: 1;
	margin-left: 10px;
	background-color: #e5e4e0;
}
.accessible_news_slider li {
	float: left;
	display: inline;
	overflow: hidden;
	width: 320px;
}

.accessible_news_slider li img {
	float: left;
	display: inline;
	margin-top: 10px;
	margin-right: 10px;
}

.accessible_news_slider li h3 {
	margin-right: 20px;
}

.accessible_news_slider li p {
	margin-right: 20px;
	font-size: 11px;
}

/* @end */

/* @end */

/* @group Recherche */

body.page_recherche div#visuel blockquote p {
	padding : 0 !important;
	color: white;
	letter-spacing: 1px;
}

.spip_surligne { background: #FF6; }



/* @end */

/* @group Rubrique */

/* Menu.article */

#contenu div.menu.articles ul li {
	margin-bottom: 15px;
	border-bottom: 1px solid #e5e4e1;
	padding-bottom: 5px;
	/*padding-left: 100px;*/
}

#contenu p.date  {
	font-size: 11px;
	text-transform: capitalize;
	text-align: right;
	float: right;
	color: gray;
}

/* Menu.rubrique */

#contenu div.menu.rubriques ul {
}

#contenu div.menu.rubriques ul li {
	width: 290px;
	float: left;
	height: 120px;
	margin-right: 5px;
	margin-top: 10px;
}

#contenu div.menu.rubriques ul li p {
	font-size: 11px;
	color: gray;
	text-align: left !important;
	padding-right: 10px;
}

#contenu div.menu.rubriques ul li img {
	float: left;
	border: 5px solid #e0e0d6;
	margin-right: 15px;
	/*margin-left: 5px;*/
}

#contenu div.menu.rubriques p.plus {
	font-size: 10px;
	line-height: 16px;
	margin-top: 5px;
}

/* Ps */

#contenu div.ps {
	clear: both;
	border-style: solid;
	font-size: 11px;
	background-color: #f2f1f0;
	border: 1px solid #e5e4e1;
	border-right-style: none;
	border-left-style: none;
	padding: 0 10px;
}

#contenu div.ps h3 {
	margin-top: 0.5em;
}


/* @end */

/* @group Gmap (26) */

body.page_coordonnees .chapo {
	overflow: hidden;
	background-color: #f2f1f0;
	padding-bottom: 10px;
	padding-top: 0;
	border-color: #e5e4e1;
}

.carte {
	margin-top: -20px;
	padding-top: 20px;
	background: url(../images/gmap/carte_shadow.jpg) no-repeat center top;
}

#map {

}


.bloc {
	float: left;
	width: 170px;
	font-size: 11px;
	line-height: 13px;
	margin-right: 10px;
	height: 110px;
	margin-left: 10px;
	font-weight: normal !important;
}

.bloc h3 {
	font-size: 15px;
	margin-bottom: 5px;
	color: #4e459e;
	font-style: normal;
}


/* @end */

/* @group Plan */



div.bloc-rubrique {
	padding-left: 10px;
	border-left: 4px solid #e5e4e1;
	margin-bottom: 30px;
}


div.bloc-rubrique h2 {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}

div.bloc-rubrique p {
	color: gray;
}

/* @end */

/* @group References (27) */

body.page_references #contenu div.menu.articles ul li {
	overflow: hidden;
}

/* @group Adaptation de #modernbricksmenu */

body.page_references #contenu #modernbricksmenu ul li.expose_11 a.on {
	background-color: #806053;
	border-bottom: 4px solid #806053;
}

body.page_references #contenu #modernbricksmenu ul li.expose_8 a.on {
	background-color: #5a7b12;
	border-bottom: 4px solid #5a7b12;
}

body.page_references #contenu #modernbricksmenu ul li.expose_13 a.on {
	background-color: #43667a;
	border-bottom: 4px solid #43667a;
}

body.page_references #contenu #modernbricksmenu.theme_11 {
	border-bottom: 4px solid #806053;
}

body.page_references #contenu #modernbricksmenu.theme_8 {
	border-bottom: 4px solid #5a7b12;
}

body.page_references #contenu #modernbricksmenu.theme_13 {
	border-bottom: 4px solid #43667a;
}

ul.liste_11 img.spip_logos {
	background-color: #bfafa9 !important;
}

ul.liste_8 img.spip_logos {
	background-color: #acbd88 !important;
}

ul.liste_13 img.spip_logos {
	background-color: #a1b2bc !important;
}

ul.sous_themes  {
	overflow: hidden;
	margin-bottom: 20px !important;
	margin-top: -20px;
	background-color: #e3d5c8;
	height: 20px;
}

ul.sous_themes  li {
	display: inline;
	font-size: 10px;
	text-transform: uppercase;
	margin-left: -1px;
	margin-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #806053;
}

ul.sous_themes  li a {
	color: #806053 !important;
}



/* @end */





/* @group Old */

/*body.page_references #contenu div.menu.articles ul li p.introduction,
body.page_references #contenu div.menu.articles ul li p.plus  {
	padding-left: 170px;
	font-size: 10px;
}*/

/*div.mission {
	height: 100px;
	float: left;
	position: relative;
	width: 170px;
}

div.mission p.surtitre {
	position: absolute;
	top: 20px;
	color: white;
	text-align: center !important;
	width: 130px;
	padding-left: 10px !important;
}*/

/* @group Filtre */

/*.filtre fieldset {
	width: 400px;
	float: left;
}

.filtre {
	margin-bottom: 50px !important;
}

.filtre li {
	width: 450px;
}

.filtre label {
	float: left;
	line-height: 20px;
	margin-right: 10px;
}

.filtre select {
	width: 200px;
}

.filtre p.boutons {
	float: right;
	width: 120px;
	margin-top: -10px !important;
}*/

/* @end */

/* @end */

/* @end */

/* @group Témoignages */

.temoignages ul li img {
	float: left;
	margin: 0px 0 0 -10px;
}

.temoignages ul li {
	display: block;
	height: 35px;
	overflow: hidden;
	line-height: 35px;
}

/* @end */

/* @group References Rh - Archi (7 et 21 ) */

body.page_references div.articles ul li {
	clear: both;
	padding-left: 100px;
}

body.page_references div.articles ul li p {
	font-size: 11px;
	color: #555;
	/*margin-left: 160px !important;*/
	line-height: 15px;
}

body.page_references div.articles ul li img {
	background-color: #e1ded5;
	padding: 5px !important;
	margin-left: -100px;
	margin-bottom: 10px;
}

body.page_references div.articles ul li span.surtitre {
	display: block;
}

/* @group Onglets mots clefs */

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
	height: 23px;
	border-bottom: 4px solid #4e459e;
	margin-bottom: 20px;
}

#modernbricksmenu ul{
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
	font-size: 10px;
	text-transform: uppercase;
}

#modernbricksmenu li span {
	display: none;
}

#modernbricksmenu a{
float: left;
display: block;
color: white !important;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #242930; /*Default menu color*/
border-bottom: 1px solid white;
letter-spacing: 0 !important;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu a.on { /*currently selected tab*/
background-color: #4e459e; /*Brown color theme*/
border-color: #4e459e; /*Brown color theme*/
}

/* @end */

/* @end */

/* @group References Web (9) */

div.references-web ul li {
	float: left;
	background-color: #43667a;
	border: 1px solid #6aa4b2;
	margin-right: 10px;
	margin-bottom: 20px;
}

div.references-web ul li:hover {
	background-color: #263a46;
}


div.references-web ul li h3 {
	font-size: 11px;
	margin: 0 !important;
}

div.references-web ul li h3 a {
	color: white;
	display: block;
	padding: 5px;
}

div.references-web ul {
	width: 103%;
}


#contenu div.references-web ul a:visited {
	color: #a6a2ce;
}

/* @end */

/* @group Recrutement */

a.btn-recrutement {
	/*background-image: url(../images/icons/btn_recrutement.png);*/
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
}

/* @end */

/* @group Auteurs */

div.vcard {
	width: 295px;
	float: left;
	margin-top: 20px;
	background: url(../images/icons/vcard_shadow.jpg) no-repeat left top;
	padding-top: 11px;
	position: relative;
}

div.vcard .cartouche {
	overflow: hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	background-color: white;
}

div.vcard .cartouche img {
	border-right-width: 10px;
	margin-bottom: 10px;
	padding: 5px;
	margin-top: 10px;
}

div.vcard .cartouche p.soustitre {
	font-size: 10px;
	letter-spacing: 0;
}

div.vcard .texte {
	font-size: 11px;
	clear: none !important;
	float: none;
	margin-right: 20px;
}

div.vcard .texte blockquote p {
	text-align: left !important;
	font-size: 11px;
}

div.vcard .texte blockquote cite {
	color: gray;
	font-style: italic;
	font-size: 13px;
}

div.vcard .texte span.extra {
	color: #a72525;
	font-size: 13px;
	position: absolute;
	top: 65px;
	left: 70px;
}

/* @end */
/* @end */