/* CSS pour les pages intérieures qui contient
- la CSS G&Alinks utilisées pour header et footer
- la CSS MNH pour les pages (ancienne feuille de style style.css*/ 


/*..........................................................CSS G&A Links  ................................................................................*/ 


* {padding:0; margin:0}
 
h2, h3, h4, h5 {font-size: 11px; font-weight: bold;}
a img {border: none}

body {font-size: 11px; font-family: Arial, Verdana; color: #5d6472}

#global {margin: 0 auto; position: relative; width: 940px;}

#top_ribbon {height: 22px; background: url(../images/top_ribbon_bg_deg.png) repeat-x; color: #9ed6fa;
  padding: 8px 10px 0}
  
#top_ribbon h1 {float: left; color: white;font-size:1em; font-weight: normal;}  
#top_ribbon .user_menu {float: right; color: white;}
#top_ribbon .user_menu a {color: white; text-decoration: none}
#top_ribbon .user_menu a:hover {text-decoration: underline}

#header {margin-top: 1px;}
/*
#header h1 {float:left; background: url(../images/title.png) no-repeat; width: 704px; padding-top: 288px;
  height: 0; overflow: hidden;}
*/
/* #header div.banniere {float:left; background: url(../images/title.png) no-repeat; width: 704px; padding-top: 288px; overflow: hidden;}  */
#header div.banniere {float:left; background: url(../images/title.jpg) no-repeat; width: 704px; padding-top: 275px; overflow: hidden;}  
#header a.devis {float:left;  display: inline;}
#header img {display:block;}
#header .nav {clear: both; background: url(../images/bg_menu.png) no-repeat; position:relative; top:-1px; width: 100%}
#header .search_form {float: right; margin: 10px 10px 0 0; display:inline}
#header .search_form .text {border: none; background: url(../images/search_form_text_bg.png) no-repeat; height: 23px;
  width:192px; padding: 2px 0 0 7px; font-size: 10px; vertical-align: top; line-height: 20px}
#header .search_form .text.hasPrompt {font-style: italic; }
#header .search_form button {background: url(../images/search_submit.png) no-repeat; border:none; height: 25px;
  width: 26px; text-indent: -500px; overflow:hidden; vertical-align: top; _position:relative; _top:1px}


#content {clear: both}

#content .column {float:left; width: 234px; overflow: hidden; display: inline}
#content .column img {display: block}
#content .column .top {margin-top: 12px; height: 361px; border: 1px solid #c1c3c7; border-width: 1px 0 0 1px;
  background: url(../images/column_top_bg.png) no-repeat; overflow: hidden; width:700px;}
#content .column .top_wrapped {padding: 10px 7px;}
#content .column .top h2 {background: no-repeat left top; padding-top: 29px; height: 0; overflow: hidden;
  margin-bottom: 12px;}
#content .column .top h3 a, 
#content .column .top h3 span,
#content .column .top a.wrapping_link h3 {font-size: 12px; margin-top: 11px; font-weight: bold;
  background: url(../images/h3_puce.png) no-repeat 0 4px; padding-left: 11px; display:block; text-decoration: none;
  margin-bottom: 3px}
#content .column .top h3:hover, #content .column .top a.wrapping_link:hover h3 {color: red}
#content .column .top h3:hover, #content .column .top a.wrapping_link p {color: black, text-decoration: underline}
#content .column .top h3.button {background: url(../images/h3_button_star.png) no-repeat; height: 18px; width: 191px;
  padding: 10px 0 0 30px; margin: 8px 0 6px;}
#content .column .top p {}
#content .column .top a.wrapping_link {display: block}
#content .column .top a { color: #343942; text-decoration: none;}
#content .column .top a:hover { color: #343942; text-decoration: underline;}
#content .column .top a.more_infos {}
#content .column .top ul {overflow: auto; padding-left: 20px; margin-bottom: 7px}
#content .column .top li {float: left; background: url(../images/li_arrow.png) no-repeat 0 4px; padding-left: 14px;
  width: 73px;}
#content .column .top li a {text-decoration: none;}
#content .column .top li a:hover {text-decoration: underline; color: black}
#content .column .top dfn {font-style: italic; font-size: 10px; color: #888e98; margin: 3px 0 11px; display: block;}
#content .column .top p.subtitle {font-style: italic; font-weight: bold; font-size: 12px; margin-bottom: 2px;}
#content .column .top.call_me {margin-top: 0; background: url(../images/me_rappeler.png) no-repeat; height: 186px;
  width: 236px; border: none;}
#content .column .top.call_me h2 {overflow: hidden; height: 0;}
#content .column .top.call_me dfn {text-align: center}
#content .column .top.call_me form {padding: 0 7px 0 110px;}
#content .column .top.call_me input.text {width: 109px; background: url(../images/rappeler_input.png) no-repeat; 
	border: none; height: 10px; padding: 5px; font-size: 10px;}
#content .column .top.call_me button {width: 109px; background: url(../images/rappeler_submit.png) no-repeat; border: none; 
	height: 20px; text-indent: -500px; overflow: hidden; }
#content .column .top.call_me select {padding: 1px 0 1px 0; width: 70px; font-size: 10px;}


#content .column .bottom {height: 333px; background: url(../images/border_top_bottom.png) top left no-repeat #e3e3dd;
  border: 1px solid #c1c3c7; border-width: 0 0 1px 1px; position: relative;}
#content .column .bottom .head {padding-left: 37px; margin-bottom: 8px; background: no-repeat 2px 3px;}
#content .column .bottom .head h2 {font-size: 17px; font-weight: bold; color: white;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2);
  zoom: 1;  text-shadow: 2px 2px 2px #999; }
#content .column .bottom img {display: inline}
#content .column .bottom .head p {font-weight: bold;}
#content .column .bottom h3 {font-size: 15px; margin-top: 6px}
#content .column .bottom p.subtitle {font-size: 12px; margin-bottom: 3px}
#content .column .bottom p.summary {font-style: italic}
#content .column .bottom a.read_more {background: url(../images/read_more.png) no-repeat; height: 0; padding-top: 20px;
  width: 96px; overflow: hidden; display: block; margin-top: 11px; position: absolute; bottom: 7px; left: 7px;}
#content .column .bottom_wrapped {padding: 13px 7px 0}
#content .column.last .bottom {border-width: 1px; overflow: hidden;}
.content_shadow {clear: both; height: 22px; background: url(../images/content_shadow.png) no-repeat}

/* custom */
#content .column .top.actualites h2 {background-image: url(../images/actualites.png)}
#content .column .top.actualites a.wrapping_link:hover h3 {color: #e55e00; background-image: url(../images/h3_puce_orange.png)}
#content .column .top.actualites a.more_infos {color: #e55e00; margin-top: 5px; display: block;}
#content .column .top.notre_offre h2 {background-image: url(../images/notre_offre.png)}
#content .column .top.nos_services h2 {background-image: url(../images/nos_services.png)}
#content .column .top.nos_services a.wrapping_link:hover h3 {color: #9d3288; background-image: url(../images/h3_puce_purple.png)}
#content .column .top.nos_services h3.button {margin: 0}
#content .column .bottom.dossier_du_mois .head p,
#content .column .bottom.dossier_du_mois h3,
#content .column .bottom.dossier_du_mois p.subtitle {color: #e55e00; }
#content .column .bottom.dossier_du_mois .head {background-image: url(../images/icone_dossier_du_mois.png)}
#content .column .bottom.decouvrez .head p,
#content .column .bottom.decouvrez h3,
#content .column .bottom.decouvrez p.subtitle {color: #295cb1; }
#content .column .bottom.decouvrez .head {background-image: url(../images/decouvrez_icon.png)}
#content .column .bottom.ils_en_parlent .head p,
#content .column .bottom.ils_en_parlent h3,
#content .column .bottom.ils_en_parlent p.subtitle {color: #8b2977; }
#content .column .bottom.ils_en_parlent .head {background-image: url(../images/parlent_icon.png)}
/**/


#footer {height: 266px; clear: both; background: url(../images/footer_bg_deg.png) repeat-x;
  border-radius-topleft: 4px; -moz-border-radius-topleft: 4px; -webkit-border-radius-topleft: 4px;
  border-radius-topright: 4px; -moz-border-radius-topright: 4px; -webkit-border-radius-topright: 4px;}
#footer .column {float: left; width: 113px; margin-top: 30px; padding: 0 7px}
#footer .column h3 {color: #3c6bb2; margin-bottom: 7px}
#footer .column li {margin-bottom: 7px; list-style:none;}
#footer .column a {color: #dcddbe; text-decoration: none;}
#footer .column a:hover {text-decoration: underline; color: white;}
#footer .column.main_links {width: 100px; background: url(../images/logo_footer.png) no-repeat top center;
  padding: 77px 0 0 11px; margin: -5px 0 0 3px;}
#footer .column.main_links a {color: white;}
#footer .column.contact {background: url(../images/left_border_links.png) no-repeat left top;
  padding-left: 20px}
#footer .bottom_ribbon {clear: both; color: #9ed46f; font-size: 10px; padding-top: 30px}
#footer .bottom_ribbon .notices1 {float: left; width: 765px; text-align: center;}
#footer .bottom_ribbon .notices2 {float: left}


/*..........................................................CSS MNH ................................................................................*/ 

/* **************************  ajout nouveaux styles ****************************** */	
#content.content_border {
	background: url(../images/left_border_content.png) repeat-y top left;
	padding-left:0.5em;
}
hr.nettoyage {
	visibility:hidden;
	clear:both;
}
#col_gauche {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;   
	color: #555753;
	line-height: 1.2em;  
	float: left;
	padding: 0;
	margin-top:20px;
 	width:690px;

}
#col_droite {
	float: right;
	padding: 0;
	padding-left: 4px;
	margin: 0;
 }
/* ************************************************************************* */	

/* *****  LIENS  ***** */
a:link {
	color: #906;         
	text-decoration: underline;	
}
a:visited {
	color: #969;        
	text-decoration: underline;	
}
a:hover {
	color: #906;     
	text-decoration: none;	
}
.home:visited {
	color: #906;	 
}

/* ***** CONTENU PAGE ***** */
#blocpg {
	width: 100%;
	padding: 0;
	margin: 0;
}

#path {
	width: 97%;
	margin: 0;
	padding: 0 1em 0.5em 1em;
	line-height: 1em;
}
.path {
	margin-left: 0;
	width: 97%;
	color: #bbbcba;
	border-style: dotted;
}
#pgadher, #pgservice, #pgcontact, #pgdiv, #pgdecouv, #pgprev, #pginfo {
	margin: -3px 2em 2em 0;
	padding: 1em 0 2em 0;
}
#blocpg h1 {
	color: #7d83a5;
	font-size: 1.3em;
	margin: 0;
	padding: 1em 0 1em 1em;
	line-height: 1.3em;
}
#blocpg h2 {
	color: #555753;
	font-size: 1.2em;
	margin: 0;
	padding: 1em 0 0.5em 3em;
	line-height: 1.3em;
}
#blocpg h3 {
	color: #555753;
	font-size: 1.2em;
    font-weight: normal;
	margin: 0;
	padding: 1em 0 0.5em 5em;
    text-decoration : underline;
}
#blocpg h4 {
	color: #555753;
	font-size: 1em;
    font-weight: bold;
	margin: 0;
	padding: 1em 0 0.5em 6.2em;
}
#blocpg p {
	margin: 0;
	padding: 1em 0 0.5em 3.5em;
}
#blocpg ul {
	margin: 0;
	padding: 0.5em 0 1em 5em;
	list-style: disc outside;
}
#blocpg li {
	padding-top : 1em;
}
#blocpg ul li ul {
	margin: 0;
	padding: 0.5em 0 0.5em 3em;
	list-style: disc outside;
}
#blocpg li ul li{
	padding-top : 0.3em;
}
#blocpg ol {
	margin: 0;
	padding: 1em 0 1em 6em;
}
#blocpg ol li{
	padding-top : 0.3em;
}
#blocpg hr {
	margin-left: 3.5em;
	border-style: dashed;
	height: 1px;
	color: #bbbcba;
}
#blocpg blockquote {
	margin-top : 0;
	margin-bottom: 0;
	margin-left:3em;
}
#blocpg address {
	padding-top: 0.5em;
	font-style: normal;
}
#blocpg .cadre {
	margin: 2em 0 2em 3em;
	padding: 1em;
	border: 1px solid #bbbcba;
}
#blocpg .list1 {
	margin: 0;
	padding: 1em 0 1em 8em;
}
#blocpg .list1 li{
	padding-top: 0.3em;
}
#blocpg .titsect {
	border:1px outset;
	font-variant: small-caps;
	padding: 0.8em 1.8em;
}
#blocpg .titre {
	border:1px outset;
	font-variant: small-caps;
	padding: 0.8em 1.8em;
}
#idxcontact {
	margin: 0;
	padding-left: 3em;
}
#idxcontact h1 {
	font-size: 1.2em;
	margin: 0;
	padding: 1.5em 0 0 0;
	line-height: 1.3em;
}
/* ***** SAVOIR + ***** */
#savoirplus {
	margin: 3em 0 0 1.5em;
	padding-top: 0.5em;
	border-top: 1px dashed; 
}
#savoirplus strong {
	color:  #906;
	font-size: 1.2em;
}
#savoirplus ul {
	list-style: square outside;
	padding-left: 3.6em;
}
/* **** LEXIQUE ***** */
#lexique {
	margin: 0;
	padding: 0.5em 1em 1em 5em;
}
#lexique dt {
	padding-top : 1em;
	font-size: 1.2em;
	font-weight: normal;
	text-decoration : underline;
}
#lexique dd {
	padding-top : 0.5em;
}
/* ***** TABLEAUX ***** */
table {
	border:1px solid #bbbcba;
	border-collapse:collapse;
	font-size: 1em;
	margin-top: 0;	
}
caption{
	padding-top: 1em;
	padding-bottom: 0.5em;
	color: #7d83a5;
}
thead th {
	background-color: #004494;  /*#633554*/
	color: #fff;  
}
th {
	vertical-align: top;
	border: 1px solid #dedfef; /*#ececd9;*/
	padding: 0.5em;
}
td {
	vertical-align: top;
	border: 1px solid #ececd9;
	padding: 0.5em;
}
/* ***** PRESTATIONS ***** */
#tabprest {
	width: 90%;
	margin-left: 5%;
}
#tabprest a{
	font-weight: normal;
	text-decoration: none;
}
#tabprest td, #tabprest th{
	font-size: 0.9em;	
}
#tabprest th {
	text-align: center;
	vertical-align: middle;	
}
#tabprest td {
	text-align: center;
	vertical-align: middle;	
}
#tabprest tbody th {
	background-color: #dedfef; /* #e5aacc;*/
 
}
/* ***** ANIMATEURS ***** */
#tabanim {
	width: 90%;
	margin-left: 5%;
}
/* ***** SECTIONS SS ***** */
#tabsect {
	width: 90%;
	margin-left: 5%;
}
#tabsect th {
	text-align: center;
	vertical-align: middle;	
}
/* ***** ANTENNES ***** */
.tabant {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}
.tabant th {
	text-align: center;
	padding: 0.5em 0;
}
/* ***** DELEGUES PREV ***** */
#tabprevdel {
	width: 90%;
	margin-left: 5%;
}
#tabprevdel td, #tabprevdel th{
	font-size: 0.9em;	
}
/* ***** CATALOGUE PREV ***** */
.tabprevcat {
	width: 80%;
	margin-left: 7%;
	margin-right: 7%;
}
.tabprevcat tbody th {
	background-color: #fff;
}
/* ***** PARTENAIRES PREV ***** */
#tabprevpart {
	margin-left: 3.5em;
}
/* ***** OFFRES EMPLOI ***** */
.tabemploi {
	width: 70%;
	margin: 1em 10%;
	border: none;
}
.tabemploi tbody th{
	text-align: left;
	background-color: #64193b;
	color: #fff;
}
/* **** DIVERS **** */
.listalpha {
	list-style: lower-alpha;
}
.listnone {
	list-style: none;
}
.pcar {
	display: list-item;
	list-style-type : square;
	list-style-position: inside;
}
.plan {
	margin: 0 10% 0 10%;
}
.plan img {
	border:1px solid #bbbcba;
}
.ital {
	font-style: italic;
}

/* ***** CMDE PREV ***** */
#prevcmd {
	padding-top: 2em;
	margin: 0 10%;
	text-align: center;
}
#prevcmd img {
	border: none;
}
#prevcmd p {
	margin-left: -3em;
	padding-bottom: 1em;
}
/* ***** FORMULAIRE DEMANDE DE DOCUMENTATION + DOC PREVENTION ***** */
#formdoc {
	width: 600px;  
	background-color: #e4ecf4;  
	padding: 2em;
	margin-left: 3em;
} 
#formdoc .row {
	clear: both;
	padding-top: 0.5em;
}
#formdoc .row label {
	float: left;
	width: 40%;
    text-align: right;
    padding-right: 0.5em;
}
#formdoc .row span.formw {
    float: right;
    width: 58%;
    text-align: left;
} 
#formdoc fieldset {
	width: 100%;
  	margin-top: 1em;
	padding: 0.5em;
	clear: both;
} 
#formdoc legend {
	color: #7d83a5;
	font-weight: bold;
} 
/* ***** LISTE PARTENAIRES ***** */
#partenaires {
	padding-left: 3.5em;
}
#partenaires ul{
	margin: 1em 0 0 0;
	padding: 0;
}
#partenaires li{
	display: inline;
	list-style-type:none;
	width: 200px;
	text-align: center;
	padding: 0;
}
#partenaires img{
	border: 1px solid #ececd9;
}
/* **** LISTE LIENS **** */
#link {
	margin-left: 3.5em;
}
#link h1 {
	font-size: 1.2em;
}
/* **** COMMUNIQUES DE PRESSE **** */
.cplist {
	margin-left: 3.5em;
	width: 90%;
	border:none;
}
/* **** DOSSIERS **** */
.artlist {
	margin-left: 3.5em;
	width: 90%;
	border:none;
}
/* */
.pginfo-arr, .pgadher-arr, .pgdecouv-arr, .pgservice-arr {
	background-repeat: no-repeat;
	background-position: 3.5em 1em;
	text-indent: 2em;
}
.pginfo-arr {
	background-image: url(../img/arr_orange.gif);
}
.pgadher-arr {
	background-image: url(../img/arr_bleue.gif);
}
.pgdecouv-arr {
	background-image: url(../img/arr_rouge.gif);
}
.pgservice-arr {
	background-image: url(../img/arr_mauve.gif);
}
.hautpage {
	float:right;
	margin-top:2em;
	padding: 0.3em 0.5em;
	width: 9em;
	background-color: #295cb1;
	background-image: url(../img/arr_hautpg.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.hautpage a:link, .hautpage a:hover, .hautpage a:visited {
	color: #fff;
}
/* */
#logw3c {
	margin: 1em 3.5em;
}
#logw3c img {
	border: none;
	padding: 1em;
}
#accessk ul {
	list-style: none;	
}
#accessk ul span {
	width:	2em;
	font-weight: bold;
	float: left;
}
/* */
.frame {
	margin: 1em 5% 2em 5%;
	padding: 0.5em;
	background-color: #ffe;
	border: 1px solid #bbbcba;
} 
#blocpg .frame p {
	margin: 1em 2em 0.5em 2em;
	padding: 0;
}
.frame strong {
	color: #7d83a5;
}
.infobulle {
	cursor: hand;
	border-bottom: 1px dashed;
}
a.tooltips {
	position:relative; 
	z-index:24; 
	color:#554753;
	text-decoration:none;
	border-bottom: 1px dashed;
}
a.tooltips:hover{
	z-index:25;
	background-color:#fff;
}
a.tooltips:visited{
	color:#554753;
	text-decoration:none;
	border-bottom: 1px dashed;
}
a.tooltips span{
	display: none;
}
a.tooltips:hover span{ 
	margin:0;
	display:block; 
	position:absolute;
	top:2em; 
	left:2em; 
	width:20em;  
	border:1px solid #000;
	background-color:#ffe; 
	color:#554753;
	padding:5px;
	text-align:left;
}
/*  */
.savoirplus {
	float:right;
	width:198px;
}
.savoirplus img {
	border:none;
} 
/* */