/* Start of CMSMS style sheet 'Css_romu' */
/*********************
 Css gab_romu 
 *********************/

/* Mise à zéro des marges */
{
margin:0;
padding:0;
}

body{
background:#00467E url(images/cms/bgd-body.gif) repeat-x;
color:#000000;
font: 76% Verdana,Tahoma,Arial,sans-serif;
text-align:justify ;
}

img {
	border: 0;
}

a,
a:link 
a:active {
	text-decoration: underline;
	background-color: inherit; 
	color: #356AA0; 
}

a:visited {
	text-decoration: underline;
	background-color: inherit;
	color: #356AA0;                
}

a:hover {
	text-decoration: none;
	color: #356AA0;
}
/*******************************************************
Haut de Page
*******************************************************/

#corps_page{
background: url(images/cms/bgd-center.gif) repeat-y left #FFFFFF;
margin:0 auto ;
width:990px;
}

#entete{
background:#00467E url(images/cms/bgd-header2.jpg) no-repeat;
font-weight:400;
height:131px;
}

#entete h1 a{
display:block;
text-indent: -999em;
text-decoration:none;
color : #FFF;
padding: 55px  0 0 10px;
font-family: Arial;
}

/*******************************************
Menu de Navigation
*******************************************/

#nav_h{
background: url(images/cms/bgd-menuHeader.jpg) no-repeat;
height:27px;
}

#nav_h ul {
margin: 0;
padding: 0;
height: 27px;
}

#nav_h li {
list-style: none;
float: left;
font-weight: bold;
font-size: 9px;
text-transform: uppercase;
color: #FFF;
display: inline;
width: auto;
}

#nav_h a {
height: 21px;
padding: 6px 0 0 0 !important;
margin: 0 0 0 5px;
text-decoration: none;
background: url(images/cms/bgd-tabHeader_off.gif) no-repeat;
display: block;
float: left;
color: #FFF;
width: 88px;
text-align: center;
}

#nav_h li a:hover {
background: url(images/cms/bgd-tabHeader_on.gif) no-repeat;
color: #0280b7;
}

#nav_h  a.activeparent:hover {
background: url(images/cms/bgd-tabHeader_on.gif) no-repeat;
color: #0280b7;
}

#nav_h li.activeparent a {
background: url(images/cms/bgd-tabHeader_on.gif) no-repeat;
color: #0280b7;
}

#nav_h h3 {
height: 21px;
width: 88px;
padding: 6px 0 0 0 !important;
margin: 0 0 0 5px;
text-decoration: none; 
background: #FFFFFF url(images/cms/bgd-tabHeader_on.gif) no-repeat;
color: #093e66;
display: block; 
font-size: 9px;
font-weight: bold;
text-align: center;                    
}

#liens {
float: right;
margin: 0 70px 0 0;
background: none;
}

#liens li {
/*padding: 7px 5px;*/
text-transform: lowercase;
font-size: 80%;
margin: 0 0 0 5px;
background: none;
}

#liens a {
display: inline;
background: none;
/*height: 27px;*/
width: auto;
margin: 0 0 0 5px;
}

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

/*****************************************
milieu de Page
*****************************************/
ul {
	margin: 0;
	padding: 0;
}

#conteneur {
width: 990px;
margin: 19px 0;
}

#bloc_g {
width: 217px;
float: left;
}

div#cadre-menu {/* conteneur global et arrière-plan du titre du cadre */
width: 204px;
padding-top: 30px;
background: url(images/cms/bgd-menuhaut.png) top left no-repeat;

}
div#bloccadre-menu {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(images/cms/bgd-menubas.png) bottom left no-repeat;
padding-bottom: 30px;
}

#block_liens {
padding: 10px;
}

#block_liens h2{
background:none;
font: 18px "Trebuchet MS",arial, helvetica, sans-serif;
color: #FFF;
padding: 0 13px;
margin: 0;
background:#0879ab url(images/cms/bgd-titre.gif) no-repeat  top left ;
}

#block_liens ul {
list-style:none;
display: block;
padding: 5px 0;
}

#block_liens li {
padding: 5px 0;
border-top: solid 1px #6a6d6e;
border-bottom: groove 3px  #6a6d6e;
border-left: solid 1px #6a6d6e;
border-right: solid 1px #6a6d6e;
text-align : left;
}

#block_liens li a {
font-size: 90%;
color: #999;
text-decoration: none;
display: block;
}

#block_liens li a:hover {
font-size: 90%;
color: #000;
text-decoration: none;
}

#block_newsletter {
padding-top: 10px;
}

#block_newsletter  h2 {
background:none;
font: 18px arial ;
color: #6a6d6e;
padding: 10px 0 0 21px;
margin: 0 9px;
background: url(images/cms/NewsLetter.gif) no-repeat left 13px;
}

#block_newsletter div {
margin: 10px 10px;
padding: 5px 5px;
line-height: 1.6em;
border: solid 1px #CCC;
}

#block_newsletter a {
background: #6a6d6e;
color: #FFF;
text-decoration:none;
padding: 1px;
}

#milieu {
width: 433px;
margin: 0 11px !important;
float: left;
}

#milieu_result {
width: 744px;
margin: 0 11px !important;
float: left;
}

#milieu h2 {
clear:both;
background:none;
font: 18px "Trebuchet MS",arial, helvetica, sans-serif;
text-transform: uppercase;
color: #FFF;
padding: 0 13px;
margin: 10px 0 0 0;
background:#FF7400 url(images/cms/bgd-titre.gif) no-repeat top left ;
top: 0px !important;
top: -2px;
}

#bloc_d {
width: 311px;
float: left;
}

#search {
height: 30px;
margin-bottom: 50px;
margin-left: 50px;
padding: 1px 0 0 0;
}

/*#search p {
height: 18px;
font: 0.9em "Trebuchet MS",arial, helvetica, sans-serif;
font-weight: bold;
background: url(images/cms/loupe.png) no-repeat left ;
padding: 0 20px ;
}*/

#block_manif {
clear:both;
width: 90%;
margin-left: 5%;
}

#block_manif h2 {
/*background:none;*/
font: 18px "Trebuchet MS",arial, helvetica, sans-serif;
color: #FFF;
padding: 0 13px;
margin: 0;
background:#0879ab url(images/cms/bgd-titre.gif) no-repeat top left ;
}

#block_bulletin {
margin-top: 20px;
/*background-color: #C3D9FF;*/
width: 90%;
margin-left: 5%;
}

#block_bulletin h2 {
/*background:none;*/
font: 18px "Trebuchet MS",arial, helvetica, sans-serif;
color: #FFF;
padding: 0 13px;
margin: 0;
background:#0879ab url(images/cms/bgd-titre.gif) no-repeat top left ;
}

#meteo {
margin-top: 10px;
}

#meteo h2 {
font: 18px arial ;
color: #6a6d6e;
background:none;
padding: 10px 0 0 26px;
margin: 0 9px;
background: url(images/cms/meteo.gif) no-repeat left 13px;
}

#meteo div {
margin: 10px 10px;
padding: 5px 5px;
line-height: 1.6em;
border: solid 1px #CCC;
}

#faq {
padding-top: 10px;
}

#faq  h2 {
background:none;
font: 18px arial ;
color: #6a6d6e;
padding: 10px 0 0 36px;
margin: 0 9px;
background: url(images/cms/faq.png) no-repeat left 13px;
}

#faq div {
margin: 10px 10px;
padding: 5px 5px;
line-height: 1.6em;
border: solid 1px #CCC;
}

#faq a {
background: #6a6d6e;
color: #FFF;
text-decoration:none;
padding: 1px;
}

div#cadrebul {/* conteneur global et arrière-plan du titre du cadre */
width: 248px;
padding-top: 30px;
background: url(images/cms/bgd-bulhaut.png) top left no-repeat;
margin-left: 10px;
}
div#bloccadrebul {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(images/cms/bgd-bulbas.png) bottom left no-repeat;
padding-bottom: 30px;
}

#img {
margin: 0;
text-align: center;
padding-top: 10px;
}

/*********************************************
Bas de Page
*********************************************/

#pied_page {
clear: both;
padding: 5px 10px 5px 10px;
height: 45px;
color: #FFF;
font: arial;
font-size: 0.9em;
}

#pied_page div {
text-align: center;
padding-top: 10px;
background: #36393D;
}

#pied_page a {
color: #FFF;
}

/*********************************************
class
*********************************************/
.breadcrumbs {
font:  1.1em arial;
color: #6a6d6e;
font-weight: bold;
font-style: oblique;
padding-bottom:3px;
border-bottom: 1px dotted #6a6d6e;
}

.breadcrumbs a {
color: #6a6d6e;
text-decoration: none;
}

.retour_haut {
float: right;
width: 49%;
margin-top:3px;
text-align: right;
font:  1.1em arial;
}

.retour_haut a {
color: #6a6d6e;
text-decoration: none;
}

.retour_haut a:hover {
color: #000;
text-decoration: none;
}

.lien_suiv {
float: left;
width: 49%;
font: arial;
font-size: 0.9em;
margin-top:3px;
text-align: left;
}

.lien_suiv a {
color: #6a6d6e;
text-decoration: none;
}

.lien_suiv a:hover {
color: #000;
text-decoration: none;
}

div.hr {
clear:both;     
height: 1px;
border-bottom: 1px dotted #6a6d6e;
}

div.separation {
clear:both;     
height: 3px;
border-bottom: 1px solid #CCC;
}

.liens li {
list-style: none;
display: inline;
margin-right: 10px;
}

.liens a {
color: #6a6d6e;
text-decoration: none;
}

.liens a:hover {
color: #000;
text-decoration: none;
}

.CompanyDirectoryItem {
font-size: 0.9em;
background: #CCC;
margin-top: 15px;
padding-left: 5px;
}

.CompanyDirectory {
font-size: 0.9em;
}

.bleu {
background: #FFFF88;
padding-left: 2%;
padding-top: 2%;
padding-bottom: 1%;
font-weight: bold;
}

.tableau {
font-size: 10px;
text-align: left;
}

/* propriétés communes à l'ensemble des 4 coins */
.Hautgauche, .Hautdroit, .Basgauche, .Basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}

/* propriétés spécifiques à chaque coin */
.Hautgauche {
background: url(images/cms/Hautgauche1.gif);
}
.Hautdroit {
float: right;
background: url(images/cms/Hautdroit1.gif);
}
.Basgauche {
background: url(images/cms/Basgauche1.gif);
}
.Basdroit {
float: right;
background: url(images/cms/Basdroit1.gif);
}

.conseil{
margin-bottom: 5px;
}

.pop a{
text-decoration: none;
}

/**********************************************
Block Manif
**********************************************/

#calendar-event {
margin-top: 2px;
padding: 5px 0 5px 5px;
border-bottom:  groove 3px #CCC;
border-top: solid 1px #CCC;
border-right: solid 1px #CCC;
border-left: solid 1px #CCC;
}

#calendar-event a {
background: #6a6d6e;
color: #FFF;
text-decoration:none;
padding: 1px;
}

#calendar-event a:hover {
background: #6a6d6e;
color: #FFF;
text-decoration:none;
}

.titremanif {
padding: 2px 0 0 18px;
background: url(images/cms/bgd_li.gif) no-repeat left;
font: 1em;
font-weight: bold;
}

.calendar-date-from {
padding: 5px 0 2px 0;
font-size: 0.8em;
font-style: italic;
}

.calendar-summary {
padding-bottom: 5px;
font-size: 0.9em;
}

/********************************************
Block_Actu
********************************************/

.newscategory {
list-style: none;
padding-bottom: 3px;
}

.NewsSummary {
margin-top: 5px;
padding: 5px 0 5px 5px;
border: solid 1px #CCC;
background: inherit;
font-size: 0.8em;
position: relativ;

}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;
}
 
.clearfix {display: block;}
/* End hide from IE-mac */


.NewsSummaryPostdate {
font-size: 0.7em;
font-weight: bold;
}

#NewsPostDetailTitle {
font-size: 0.9em;
font-weight: bold;
}

.NewsSummaryLink {
padding-top: 1px;
}

.NewsSummaryCategory {
padding-top: 1px;
font-style: italic;
}

.NewsSummarySummary {
padding-top: 3px;
padding-right: 3px;
}

.NewsSummaryMorelink {
padding-top: 3px;
padding-right: 3px;
font-weight: bold;
float: right;
}

#NewsPostDetailDate {
font-size: 90%;
margin: 5px 0;
font-weight: bold;
}

#NewsPostDetailSummary {
padding-top: 3px;  
line-height: 150%;
}

#NewsPostDetailCategory {
font-style: italic;
border-top: 1px solid #ccc;
margin-top: 0.5em;
padding: 0.2em 0;
}

#NewsPostDetailContent {
margin-bottom: 15px;
padding-top: 1.5em;
line-height: 150%;
}

#NewsPostDetailAuthor {
padding-bottom: 1.5em;
font-style: italic;
}

#NewsPostDetailReturnLink a{
float: right;
background: #6a6d6e;
color: #FFF;
text-decoration:none;
padding: 3px;
margin-bottom: 7px;
}

#NewsPostDetailReturnLink a:hover{
background: #FFF;
color: #6a6d6e;
}

#NewsPostDetailTitle {
font-size: 1em;
}

/****************************************
urgences
****************************************/

div#cadre-urg {/* conteneur global et arrière-plan du titre du cadre */
width: 434px;
padding-top: 40px;
background: url(images/cms/bgd-urgence.gif) top left no-repeat;
}
div#bloccadre-urg {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(images/cms/bgd-urgence-bas.gif) bottom left no-repeat;
padding-bottom: 40px;
}
div#bloccadre p {
margin: 0 30px 0 20px;
}

/****************************************
popup
****************************************/
p a.popup{
text-decoration:none;
font-weight:800;
}
p a.popup span.comment{
display:none;
text-decoration:none;
background-color:#D2E1FB;
z-index:10;
padding:0 2px;
border:1px solid #FAAAFF;
font-weight:normal;
font-size:.85em;
}
html>body p a.popup span.comment{
position:relative;
}
p a:hover.popup{
color:#0A00B0;
}
p a:hover.popup span.comment{
display:block;
}

.pop1 {
position: absolute;
display:none;
width: 25em;
border: 3px double black;
background: #f4f5f4;
z-index: 500;
font-size: 80%;
}
.pop1 p {
padding: 3px;
text-align: left;
}
.pop1 h1 {
font-size: 110%;
margin: 0 0 0.5em 0;
border-bottom: 1px solid black;
background: white url(./images/cms/top_pop.png) left top repeat-x;
color: black;
text-align: center;
}

.pop1 span {
text-align: center;
font-weight: bold;
padding: 3px;
}

/* End of 'Css_romu' */