/*------------------------------------------------------
										Global Reset
------------------------------------------------------*/	
body{  
margin:0px;
font:normal 12px/20px Arial,Helvetica,sans-serif;
color:#484848;
background-color: #113811;
}

* html {
margin:0;padding:0;
}

.imgborder
{
background:#FFFFFF;
padding:3px;
border:1px solid #ccc;
}
.imgborder:hover
{
background:#fff;
padding:3px;
border:1px solid #aaa;
}

.clear {
clear:both; 
}
.rightalign
{
float:right;
}
.leftalign
{
float:left;
}
.textleft
{
text-align:left;
}
.textright
{
text-align:right;
}

p { margin: 0 0 5px 0;}

a {
text-decoration:none;
color:#348595;
}
a:hover
{
color:#348595;
text-decoration:none;
}

div.middle_content a:hover
{
color:#348595;
text-decoration:underline;
}

img { border:0; }
/*------------------------------------------------------
Header css
------------------------------------------------------*/
.header {
height:100px;
}

.parisest {
margin: 20px 0 20px 300px;
}

.logo{
margin:20px 0 20px 10px;
}

 
.middle_content
{
padding:20px;
margin:0px 15px 0 0;
} 
  
/*------------------------------------------------------
										Backgrounds
------------------------------------------------------*/
.bg_top{
background: url(../images/topmid.png) no-repeat;
height:30px;
}

.bg_repeat{
background: url(../images/mid.png) repeat-y;
overflow:hidden;
height:100%;
}

.bg_withe{
background: url(../images/mid2.png) repeat-y;
overflow:hidden;
height:100%;
}

.bg_bottom{
background: url(../images/botmid.png) no-repeat;
height:30px;
}

/*------------------------------------------------------
										Subheader
------------------------------------------------------*/
.subheader{
background: url(../images/subheader.png) center top no-repeat;
height:110px;
position:relative;
margin-bottom:20px;
}

.subheader h2{
color:#fff;
padding:30px 0 0 20px;
}
.subheader p{
padding:40px 20px 0 0;
color:#FFFFFF;
}
.subheader span
{
color:#fff;
position:absolute;
bottom:10px;
left:25px;
}

/*------------------------------------------------------
										Headings
------------------------------------------------------*/
h1{
font: normal 30px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
padding:0 0 0 0;
margin:0 0 5px 0;
color:#000;
}

h2{
font: normal 20px Arial, Helvetica, sans-serif;
color:#444847;
margin:0 0 5px 0;
padding:0 0 0 0;
letter-spacing: 1px;
}

h2.full{
text-align: center;
}

h3 		{ 
font: normal 15px Arial, Helvetica, sans-serif;
color:#484848;
letter-spacing: 1px;
padding:0 0 0 0;
margin:0 0 5px 0;
font-weight: bold;
}

h4 		{ 
font: normal 14px Arial, Helvetica, sans-serif;
color:#337333;
font-weight: bold;
letter-spacing: 1px;
padding:0 0 0 0;
margin:0 0 5px 0;
}

/*------------------------------------------------------
										News lists
------------------------------------------------------*/
.sidebar h2{
padding:0 0 0 10px;
	}
ul.newslist
{
margin:10px 0px 10px 0;
padding:0;;
}

ul.newslist li
{
padding:3px 0 3px 5px;
margin-bottom:5px;
color:#666666;
list-style-type:none;
}
ul.newslist li a:link, ul.newslist li a:visited, ul.newslist li a:active
{
padding:3px 0px;
font:normal 11px/16px verdana, Tahoma, Helvetica, sans-serif;
color:#959595;
text-decoration:none;
}

ul.newslist li a:hover
{
color:#000;
padding:3px 0px;
text-decoration:none;
}

ul.newslist li span
{
font-weight:bold;
display:block;
text-decoration:underline;
color:#959595;
}
/*------------------------------------------------------
								left Sidebar Menu
------------------------------------------------------*/		
.submenu {
margin:0 0px 20px 0px;
text-align:left;
}

.submenu ul {
margin:0;
list-style:none;
padding:0 0px;
}

.submenu li a {
voice-family:inherit;
margin:0 0 0px 0;
height:18px;
border-bottom:1px solid #ddd;
text-decoration:none;
}

.submenu li li a {
margin:0 0 0 0;
border:1px solid #eee;
text-decoration:none;

}

.submenu li li a:link, .submenu li li a:visited {
color:#484848;
display:block;
padding:6px 10px;
}

.submenu li a:link, .submenu li a:visited {
color:#484848;
display:block;
padding:6px 10px;
}

.submenu li.current a {
text-decoration:none;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
color:#1e98b0;
border-bottom:1px solid #1e98b0;
}

.submenu li a:hover {
color:#1e98b0;
padding:6px 10px;
z-index:100;
text-decoration:none;
border-bottom:1px solid #1e98b0;

}

/*------------------------------------------------------
							home and Service page
------------------------------------------------------*/
.servicebox{
margin-left:0px;
padding:0px 0 25px 0;
border :1px solid #ddd; 
margin-bottom:20px;
}
.servicebox p, .servicebox ul.listitems {
margin:0 15px 0 0;

}
.servicebox p	{
margin-right:15px;

}

.servicebox h4, .servicebox2 h4
{
background:url(../images/service_top.gif) repeat-x;
height:42px;
margin:0;
padding:5px 5px 20px 25px;
margin:0px;
color:#5c5c5c;

}
.servicebox	img	
{
margin:0 10px 20px 20px;

}

.servicebox2
{
border :1px solid #ebecf1; 
overflow:hidden;
height:100%;
padding:0px 0 15px 0;
margin-bottom:20px;
}

.servicebox2 p
{
margin:0;
padding:0px 10px 0 100px;
margin:0px 0px 0 0;
}

.servicebox2 img
{
border-right:1px solid #ddd;
margin-left:10px;
margin-right:0px;
padding-right:5px;
}

.readmore
{
padding:0.1em 0.1em 0;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#2191C0 url(images/ui-bg_gloss-wave_75_2191c0_500x100.png) repeat-x scroll 50% 50%;
border:1px solid #4297D7;
color:#FFFFFF;
font-weight:bold;

}
a.readmore:hover
{
color:#fff;
background:#1e98b0;
text-decoration:none;
}

/*------------------------------------------------------
										Team list
------------------------------------------------------*/
ul.team {
display:inline;
clear:both;
margin:0;
padding:0;
}

ul.team li {
color:#000;
display:block;
overflow:auto;
height:100%;
background:#FFFFFF;
vertical-align:bottom;
border:1px solid #ddd;
border-top:2px solid #c3c3c3;
margin:0 5px 20px 0;
padding:10px 15px;
list-style:none;
}

ul.team li	img {
padding-bottom:5px;
float:left;
margin-right:20px;
border-right:1px solid #e8e8e8;
padding-right:20px;
}

ul.team li small {
color:#a1a1a1;
font:normal 11px georgia, Arial, Helvetica, sans-serif;
margin:0;
}

/*------------------------------------------------------
										blog page
------------------------------------------------------*/  
.content-box{ 
border-bottom:3px solid #1e98b0;
padding:0px;
margin:0 0 20px 0;
overflow:hidden;
height:100%;

}


.content-box p
{
padding:20px 0;
}



.content-box img
{
margin:20px 10px 0 0px;
}

.post-info{
text-transform:uppercase;
font-size:9px;
margin:0px;
padding:0px;
color:#000; 
}

.comments
{
padding:0px 5px 0 0;
margin:0px;
}

.comments a		 { color:#777; text-decoration:none; font-weight:bold;}
.comments a:hover	 { color:#69452e; text-decoration:none;}


/*------------------------------------------------------
									portfolio page
------------------------------------------------------*/
.port-box{ 
border-bottom:3px solid #1e98b0;
margin-bottom:20px;
}

.imagebox	{
background:#f2f2f2;
overflow:auto;
height:100%;
padding:5px;
}

.details	{
float:right;
width:300px;
}

/*------------------------------------------------------
										Top menu
------------------------------------------------------*/
.topmenubg	{
width:960px;
background: url(../images/menu_bg.jpg) no-repeat;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
height:40px;
}

.topmenu
{
margin-left:20px;
padding-top:5px;
}

#dropmenu, #dropmenu ul {margin:0 0 0 0; padding:0 0 0 0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:400; width:100%; }
#dropmenu a {display:block; padding:0.50em 1em; color:#686868; border:1px solid #ddd; text-decoration:none; margin-right:5px;}
#dropmenu a:hover {color:#000; background:#fff;  }
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:18em; top:28px; left:-1px;}
#dropmenu ul a {border-left:1px solid #c8c8c8;background:#fff;}
#dropmenu li ul {border-top:1px solid #c8c8c8;width:18em;}
#dropmenu li ul a {width:18em; height:auto; float:left;  border-bottom:1px solid #ddd;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:18em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none; }
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
#dropmenu li.current_page_item a  {background:#fff; color:#000;  }
#dropmenu li.current_page_parent a {background:#fff; color:#000;}
#dropmenu li.current-cat a {background:#fff; color:#000;}

/*------- COLORS --------*/

.yellow 	{ color:#FFCC33; }
.skyblue { color:#9fe5ff; }
.gray 	{ color:#484848 !important; }
.white 	{ color:#ffffff; }

/*------- Table -------*/
table{
border:none;
border-collapse:collapse;
margin:10px 0 10px 0;
}

td,th
{
border-bottom:1px solid #cacaca;
color:#4c4c4c;
padding:10px 15px;
}
th
{
background:url(../images/table-head-mid.gif) repeat-x 0 0;
text-align:left;
padding-left:20px;
}
th.lefthead
{background:url(../images/table-head-left.gif) no-repeat 0 0;
text-align:left;
padding-left:20px;
}
th.righthead
{background:url(../images/table-head-right.gif) no-repeat right top;
text-align:left;
}

table a {text-decoration:none;}
table a:link {}
table a:visited {}

tbody tr:hover 		{background:#f1f1f1;}

tr.even
{
background:#f1f1f1;
}


/*------------------------------------------------------
												Form
------------------------------------------------------*/
.map	{
	padding:3px;
	border:1px solid #CCCCCC;
	margin-left:0px;
}

/*------------------------------------------------------
											Footer
------------------------------------------------------*/
.footer
{
padding:30px 0;
color:#fff;
}

.leftsidebar {
 padding:20px;   
 margin:0 0px 0 15px; }


.twitterbox
{
background:url(../images/twitter_img.png) no-repeat;
width:224px;
height:64px;
padding:0px;
margin:20px 0 0 0;
float:right;
}

.twitterbox p
{
font: normal 11px Georgia, Arial, Helvetica, sans-serif;
color:#fff;
padding:12px 10px; 
}


/*------------------------------------------------------
							Error / Success / Notice
------------------------------------------------------*/
.notes 	{background: #f0f0f0;border: 1px solid #b8b8b8;}
.success 	{background: #ccfcd1;border: 1px solid #60a400;}
.error	{background: #f9e3e3;	border: 1px solid #e79e9e;}
.notice 	{background: #fcf0cc;border: 1px solid #ecc735;}
.notes, .notice, .success, .error 
		{font-size: 100%;color:#484848;padding:10px;width:auto;margin: 0 0 20px 0px; text-align:left}
.notes strong, .notice strong, .success strong, .error strong
		{font-weight: bold; ; color: #AA0000}

		
/*------------------------------------------------------
									Looped Slider
------------------------------------------------------*/		
.container { width:228px; height:130px; overflow:hidden; position:relative; cursor:pointer;  }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:228px; display:none; }
.slides img { border:1px solid #ddd; padding:3px; background:#FFFFFF; }
/*
* Optional
*/
.loopedSlider,.newsSlider { width:230px; float:left; padding:25px 0 10px 20px;}
ul.pagination { list-style:none; padding:0; margin:0; float:left;}
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 6px; margin-right:3PX; }
ul.pagination li.active a { background:#1e98b0; color:white; }	
ul.pagination li a:hover  { background:#d7d7d7; color:#000000;         }
.previous	{ margin:0;  }
.next	{ margin:0;  padding:0 0 0 10px;}	
.links   {  float:right; width:100px; }


.droiteville {
background: url(../images/droite-ville-trans.png) no-repeat;
background-position: 5px 5px;
height:99px;
}

.calendrier { margin-bottom:18px; }
.theme { background-color: #fff; }

.pics { height: 232px; width: 232px; padding:0; margin:0; overflow: hidden }
.pics img { height: 200px; width: 200px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
.pics img { -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.auteur { color: #933; font-weight: bold; }
.date { color: #063; }
.date_strong { color: #063; font-weight: bold; }
.rouge {color: #C00; font-weight: bold; }
.vert { color: #063; font-weight: bold; }


dl.teaser {
    margin: 0 0 10px 10px;
    padding: 0 20px 0 0;
    }

dl.teaser:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
    }
dl.teaser dt {
    margin: 0;
    padding: 0;
    }
dl.teaser dt a, dl.teaser dt span {
    float: left;
    display: block;
    margin: 2px 5px 0 0;
    padding: 2px;
    background: #fff;
    }
    
dl.teaser dt span {
    border: 2px solid #fff;
    }
    
dl.teaser dt a {
    border: 2px solid #ddd;
    }
    
dl.teaser dt a img, dl.teaser dt span img {
    float: left;
    }

dl.teaser dt a:hover {
    padding: 0;
    border: 4px solid #ddd;
    }
dl.teaser dd {
    margin: 0 0 2px 0 !important;
    padding: 0;
    line-height: 1.4em;
    text-align: left;
    }
dl.nodes dd {
    line-height: 1.1em;
    }
dl.nodes dd a, dl.nodes dd span {
    font-weight: bold;
    font-size: 14px;
}

#content div.containerannonce p {
    margin-top: 45px;
    font-size: 14px;
}

#content div.containerannonce {
    overflow: hidden;
    width: 100%;
    margin-bottom: 15px;
}

#content div.annoncep {
	border: 4px solid #ccc;
	margin: 15px;
	text-align: center;
	font-size: 14px;
	padding: 8px;
}
#content div.annoncep a {
font-weight: bold;
}

/* ---[ annonce ]--- */
#annonce, #annoncecourt
  {
  display: block;
  float:right;
  margin-top: 0;
  padding-left: 12px;
  border-left: 3px solid #ccc;
  margin-left: 15px;
  margin-bottom: 5px;
  background-color: #fff;
  clear: both;
  }

  #annonce
  {
  width: 350px;
  }

  #annoncecourt
  {
  width: 250px;
  }

  .rouge { color: #AA0000; font-weight: bold }