@import url("reset.css");
@import url("typography.css");
@import url("wysiwyg.css");
@import url("commun.css");



/*********************************************
*                                            
*                GENERAL               
*                                            
*********************************************/

body, div, p, span  {  font-family: verdana, arial;  font-size:12px;  color:#3c3e3f;  }

a               {  text-decoration:none;  }
a:hover         {  text-decoration: underline;  }

.clear {  clear:both;  }


/*********************************************
*                                            
*                STRUCTURE                   
*                                            
*********************************************/

body          {  background: #b6dee6 url('../images/bkg.png') repeat-x 0 0;  }

#container    {  position:relative;  margin:0 auto;  width: 950px; background:#FFF url('../images/bkg-bottom.png') no-repeat bottom left;  }

#header       {  position:relative; float:left;  width: 950px;  height:300px;  background: url('../images/bandeau.png') no-repeat top left;  }
#left         {  position:relative; float:left;  width: 190px;  padding:25px 15px;   }
#center       {  position:relative; float:left;  width: 440px;  padding:25px 20px 100px;   }
#right        {  position:relative; float:left;  width: 220px;  padding:25px 15px;  min-height:500px;  }
#footer       {  position:relative; float:left;  width: 930px;  height: 50px;  padding:0 15px 0; }


#interieur #center  {  width:650px;  }


/*********************************************
*                                            
*                HEADER       
*                                            
*********************************************/


#header h1          {  display:block;  z-index:1;  height:107px;  width:411px;  position:absolute; left:60px; top:180px; background: url('../images/logo.png') no-repeat 0 0;  }
#header h1 span     {  display: none;  }

#searchBar form     {   margin:0;  }
#searchBar .search  {   float:right; margin:2px;  border:0; }
#searchBar .search  {   -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; }
#searchBar .ok      {   margin:5px 5px 0 5px; float:right;  }

#searchBar .liens     {  float:right;  font-size:11px;  margin:5px 15px 0;   color:#f7fbf8; }
#searchBar a span     {  color: #f7fbf8;  padding:0 5px;}
#searchBar a:hover    {  color: #2bacc4;  text-decoration:none;  }

#searchBar .liens     {  display:block;  height:19px; padding-left:25px;  background:url('../images/ico-bulle.png') no-repeat 0 0;  }





/*********************************************
*                                            
*                MENU           
*                                            
*********************************************/

#menu                     {  float:left;  clear:left;  width: 948px;  height: 55px;  }
#menu ul                  {  list-style-type: none; margin:0; padding:0 0 0 5px; height: 55px;  }
#menu ul li               {  float:left; cursor:pointer; position:relative; margin:0;  }
#menu ul li a             {  display:block; width:150px; height: 55px;  color:#3c3e3f;  font-size:16px;  }

#menu ul li ul li         {  float:left; clear:left; background:none; }

#menu ul#nav li a span    { display:none;  }


#menu ul#nav li.menu1 > a   {  background: url('../images/bkg-menu-01.png') 0 0;  width:154px;  margin-right:5px; }
#menu ul#nav li.menu2 > a   {  background: url('../images/bkg-menu-02.png') 0 0;  width:152px;  margin-right:5px; }
#menu ul#nav li.menu3 > a   {  background: url('../images/bkg-menu-03.png') 0 0;  width:150px;  margin-right:5px; }
#menu ul#nav li.menu4 > a   {  background: url('../images/bkg-menu-04.png') 0 0;  width:151px;  margin-right:5px; }
#menu ul#nav li.menu5 > a   {  background: url('../images/bkg-menu-05.png') 0 0;  width:151px;  margin-right:5px; }
#menu ul#nav li.menu6 > a   {  background: url('../images/bkg-menu-06.png') 0 0;  width:160px;   }

#menu ul#nav li:hover a   {  background-position: 0 56px;  }


#menu ul#nav li ul        {  position:absolute;  top:55px;   z-index:1000;  margin:0;  padding:0;  border-top:3px solid #757a66;  }

#menu ul#nav li ul li           { width: 148px;  height: auto;  margin:0;  padding:0; border:1px solid #9cff00;  background: #efeef0;  }
#menu ul#nav li ul li:hover     { background: #d8eac3;  }

#menu ul#nav li ul li a         { display:block;  height: auto; width: 128px; font-family:verdana; color: #3c3e3f; font-size:12px;  padding:5px 10px;   background:none !important;  }
#menu ul#nav li ul li a:hover   { text-decoration: none; }

#menu ul#nav li ul li a span    { display:inline;  }

#menu ul#nav li ul {display:none;}
#menu ul#nav li:hover > ul {display:block;}



/*********************************************
*                                            
*                LEFT       
*                                            
*********************************************/

#left h2.title-clic           {  display:block;  width:154px;  height:41px;  background: url('../images/img-en-un-clic.png') no-repeat 0 0;  }
#left h2.title-clic span      {  display: none;  }  

#left img                     {  margin-top:30px; }


#left h2.dix-communes           {  display:block;  width:151px;  height:34px;  background: url('../images/img-10-communes.png') no-repeat 0 0;  }
#left h2.dix-communes span      {  display: none;  }  



#left div.sousMenu ul              {  list-style-type: none;  margin:0 0 30px 0;  padding:0 0 0 5px;  }
#left div.sousMenu ul li           {  margin:0;  padding:0;  }

#left div.sousMenu ul li a         {  display:block; min-height:14px; width: 148px; margin:0; padding:5px 10px; border-bottom:1px solid #b0ff33; }
#left div.sousMenu ul li a         {  font-family:verdana; color: #3c3e3f; font-size:14px;    }

#left div.sousMenu ul li a:hover,
#left div.sousMenu ul li a.select  { background: #dceec6 url('../images/bkg-sousMenu.png') repeat-x 0 0;  text-decoration: none;  }

#left div.sousMenu ul li a span    { display:inline;  }



.communes li                {  list-style-type: none;  padding:0 0 3px 0;  }

.communes li span           {  font-family:Arial;  color:#989898;  font-size:10px;  margin-left:20px;  }
.communes li strong         {  font-size:12px;  font-weight:bold;   }

.communes li a              {  text-decoration:none;  background:url('../images/puce-fleche-verte.png') 0 0 no-repeat; }
.communes li a span         {  border-bottom:1px solid #95DA43;  }
.communes li a:hover span   {  border-bottom:none;  }

/*********************************************
*                                            
*                CENTER       
*                                            
*********************************************/


#center h2.title-une           {  display:block;  width:152px;  height:37px;  background: url('../images/img-a-la-une.png') no-repeat 0 0;   margin:20px 0 20px 0;  }
#center h2.title-une span      {  display: none;  }  

.referent                      {  margin: 0 0 25px 0;  color: #999999;   }
.referent span                 {  color:#8cc63e;  font-size:11px;  }
.referent a span               {  color: #999999;  }
                
/*********************************************
*                                            
*                RIGHT       
*                                            
*********************************************/

#right a.conseil              {  display:block;  width:191px;  height:135px;  margin-bottom:5px;  background:url('../images/img-conseil.png') no-repeat 0 0;  }
#right a.services             {  display:block;  width:191px;  height:135px;  margin-bottom:5px;  background:url('../images/img-services.png') no-repeat 0 0;  }
#right a.competences          {  display:block;  width:191px;  height:135px;  margin-bottom:5px;  background:url('../images/img-competences.png') no-repeat 0 0;  }

#right a.conseil span         {  display:none;  }  
#right a.services span        {  display:none;  }
#right a.competences span     {  display:none;  }




/*********************************************
*                                            
*                OUTILS       
*                                            
*********************************************/

.outils                   {  margin: 0 0 15px 0; }

.outils a                 {  display:block;  height:34px;   padding:10px 0 0 40px; }
.outils a span            {  color:#999999;  font-weight:bold;  font-size:14px;   }

.outils .contact          {  background: url('../images/picto-contact.png') no-repeat 0 0;  }
.outils .telechargement   {  background: url('../images/picto-telechargement.png') no-repeat 0 0;  }
.outils .marches          {  background: url('../images/picto-marches.png') no-repeat 0 0;  }
.outils .emplois          {  background: url('../images/picto-emplois.png') no-repeat 0 0;  }
.outils .liens            {  background: url('../images/picto-liens.png') no-repeat 0 0;  }



/*********************************************
*                                            
*                FOOTER                      
*                                            
*********************************************/


#footer .separateur         {  margin:0 10px;  color: #FFFFFF;  font-size:11px;  font-family:arial;  }
#footer .adresse            {  float:left;  color: #FFFFFF;  font-size:11px;  margin:10px 0 0 0;  }

#footer ul.liens            {  float:left;  margin: 5px 0 0 0;  }
#footer ul.liens li         {  float:left;  list-style-type: none;  }
#footer ul.liens li a,
#footer ul.liens li a span  {  color: #FFFFFF;  font-size:11px;  }


#footer .copyright          {  float:right;  font-size:11px;  color: #928980;  margin:10px;  }
#footer .copyright img      {  vertical-align:middle;  }