/*###################################################################*/
/*########################          BODY ET FOND        ################################*/
/*###################################################################*/

body {
background-image:url(images/fond-ecran-bleu-degrade.jpg);
background-repeat:repeat;
background-position:top;
font-size: 13px;
margin: 0px auto;
vertical-align:baseline;
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}

.barrywhite {
width:840px;
background: white;
padding-bottom:15px;
margin: 0px auto;
background-position:top;
-moz-box-shadow: 1px 1px 12px #555; 
-moz-box-shadow: -1px 1px 12px #555; 
}

/*###################################################################*/
/*########################          BARRE DU HAUT        ################################*/
/*###################################################################*/

#bar-top{
background: url(images/header-top.png);
background-repeat:repeat-x;
height:40px;
width:100%;
background-position:top;
}

#bar-top .head {
width:800px;
margin: 0px auto;
}

#bar-top .head .description .sectionaccueil h3{
color: white;
font-size: 14px;
padding-left: 10px;
float:left;
}

a.sectionaccueilimage  {
background: url(images/accueil.png) no-repeat;
margin-top:7px;
width:25px;
height:25px;
float:left;
display:block;
padding:3px;
}

#bar-top .head .description .sectionclient a{
background:url(images/espace-client.png) no-repeat;
width:140px;
height:36px;
padding-right: 10px;
margin-top:2px;
float:right;
position:relative;
}

/*###################################################################*/
/*########################          LOGO        ################################*/
/*###################################################################*/

.header{
width: 840px;
height: 132px;
}

.header .logo {
padding-top: 10px;
padding-bottom: 10px;
}

/*###################################################################*/
/*########################          MENU HORIZONTAL         ################################*/
/*###################################################################*/

#fondmenu{
background-color:#4980cd;
height:60px;
width:840px;
margin:0px auto;
}

#navcontainer {
padding-top:25px;
background-color:#4980cd;
display: block;
overflow: hidden;
}
    
#navcontainer .current-cat a {
background: url(images/nav-hover.png) top left repeat-x;
color:#345987;
text-shadow: 0 1px 0 #f3f3f3;
-moz-border-radius: 15px 15px 0 0;
-khtml-border-radius: 15px 15px 0 0;
-webkit-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
}

#nav a, #subMenusContainer a {
text-decoration:none;
display:block;
}

#nav a {
margin:0;
float:left;
padding:12px 20px;
text-transform:uppercase;
color: #fff;
font-weight: bold;
font-size: 13px;
background: url(./images/nav-background.png) top left repeat-x;
text-shadow: 0 1px 0 #f3f3f3;
-moz-border-radius: 15px 15px 0 0;
-khtml-border-radius: 15px 15px 0 0;
-webkit-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
text-shadow: 0 1px 0 #2a4b73;
}

#subMenusContainer a, #nav li li a {
font-size: 12px;
text-align:left;
background-color: #fff;
color:#345987;
padding:5px 20px;
}

#nav li a:hover, #nav li a:focus, #nav a.mainMenuParentBtnFocused{
background: url(./images/nav-hover.png) top left repeat-x;
color:#345987;
text-shadow: 0 1px 0 #f3f3f3;
}

#subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused {
background-color: #d2dbe6;
color:#345987;
}

.smOW {
display:none;
position: absolute;
overflow:hidden;
padding:0 2px;
margin:0 0 0 -2px;
}

#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {
padding: 0;
margin: 0;
list-style: none;
line-height: 1em;
}

#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	 
background: none;
left:0;
}

#nav li {
background:url(./images/nav-separator.png) right bottom no-repeat;
cursor: pointer;
float: left;
margin: 0 1px 0 0;
padding: 0 1px 0 0;
height: 36px;
display: inline;
}

#subMenusContainer li {list-style: none;}

#nav {
width: 820px;
margin: 0 auto;
clear: both;
overflow: hidden;
font-size: 12px;
display: block;
}

#nav .children{display: none;}

#subMenusContainer {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:0;
overflow:visible;
z-index:30;
}

/*###################################################################*/
/*########################          ZONE CORPS        ################################*/
/*###################################################################*/

#complete-content{
margin: 0px auto;
width: 800px;	
margin-bottom:20px;
margin-top:20px;
}

#post-area {
float: left;
width: 550px;
margin-right:10px;
}

/*###################################################################*/
/*########################          GALLERIE        ################################*/
/*###################################################################*/

.fttcontainer 
{
float:left;
text-align: left; 
width: 518px;
height:297px;
background-color:#CCCCCC;
position: relative;
}

#my-gallery 
{
height: 300px; 
position: relative; 
z-index: 0;
}

#my-gallery .mainimage 
{
position: absolute;  
height: 297px; 
top: 0px; 
}

#my-gallery .mainimage div.ftcontent 
{
position: absolute;
bottom: 20px;
left: 20px;
width: 320px;
z-index: 2;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 5px;
}

#my-gallery .mainimage div.ftcontent h2
{
font-family: Georgia, serif;
font-size:18px;
padding:0px;
margin:0px;
color:white;
}

#my-gallery .mainimage div.ftcontent p 
{
padding:0px;
margin:0px;
font-family: Arial, serif; 
color: white;
}

#my-gallery .mainimage span.storylinksto
{
/*background: url(images/imagehover.png) no-repeat; */
position: absolute; 
top: 0px; 
left: 0px; 
display: block; 
width: 504px; 
height: 297px; 
z-index: 1; 
}

#my-gallery div#slidecontrols 
{ 
position: absolute; 
width: 104px; 
height: 297px; 
z-index: 4; 
top: 0px; 
right: 0px;
}

#my-gallery div#slidecontrols div.galitem 
{
background: url(images/control.png) no-repeat top left;
height: 77px;
float: left;
width: 70px;
cursor: pointer;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 12px;
padding-left: 18px;
}

#my-gallery div#slidecontrols div.galitem img 
{
float: left; 
margin-right: 18px; 
border: 1px solid #f6f6f6; 
margin-top: 5px; 
}

#my-gallery div#slidecontrols div.galitem span.galnumber 
{
display: none; 
}

#my-gallery div#slidecontrols div.galitem.active 
{
background: url(images/controlactive.png) no-repeat top left; 
margin-left: -20px; 
padding-left: 38px; 
}

#my-gallery div#slidecontrols div.galitem.active h2 
{
background: url(images/controlborder.png) repeat-x bottom left; 
margin-bottom: 1px; 
color: #000000; 
}

#my-gallery div#slidecontrols div.galitem.active span.meta
{
color: #797979; 
border: 0px; 
}
			
div#slidecontrols div.galitem h2 a  {text-decoration: none; }

.clsshgal #my-gallery {display: none;}




.clear {clear: both;}

.clearleft { clear:left; }
	
img {border: 0;}
	
.entry img { max-width: 460px;}

hr {
border: 0;
color: #65421c;
background: #d8d8d8;
height: 1px;
}

.aligncenter, div.aligncenter {
 display: block; 
 margin-left: auto; 
 margin-right: auto; 
 }
 
.aligncenter img, .aligncenter p.wp-caption-text {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.entry div.alignleft {
 float: left; 
 margin: 0 10px 10px 0; 
 }


/*###################################################################*/
/*########################          ZONE DE POST         ################################*/
/*###################################################################*/

.post-top {
background: url(images/post-top.png) no-repeat;
width:550px;
height:10px;
float: left;
}

.post-top-sous {
background: url(images/post-top-sous.png) repeat-y;
width:550px;
height:30px;
float: left;
padding-bottom:20px;
}

.post-top-sous h1{
font-family: "Trebuchet MS";
color:#ffffff;
font-size:24px;
}

.post-body {
background: url(images/post-body.png) repeat-y;
width:544px;
float: left;
border-width: 3px; 
border-style: solid; 
border-color: #4973a6;
}

.post-body p{
font-family: Trebuchet MS;
color:#696969;
font-size:15px;
padding-left:10px;
}

.post-bottom {
background: url(images/post-bottom.png) no-repeat;
width:550px;
height:12px;
margin-bottom: 20px;
float: left;
}

.post-bottom-galerie {
background: url(images/post-bottom.png) no-repeat;
width:550px;
height:12px;
margin-bottom: 20px;
margin-top:-6px;
float: left;
}

.post-title {
width:550px;
}

/*###################################################################*/
/*########################          NEWS        ################################*/
/*###################################################################*/

#post-area-news{
float:left;
width: 450px;
margin-right:10px;
margin-left:100px;
}

.post-top-news {
background: url(images/post-top-news.png) no-repeat;
width:450px;
height:10px;
float: left;
}

.post-body-news {
background: url(images/post-body-news.png) repeat-y;
width:444px;
float: left;
border-width: 3px; 
border-style: solid; 
border-color: #4973a6;
}

.post-bottom-news {
background: url(images/post-bottom-news.png) no-repeat;
width:450px;
height:12px;
margin-bottom: 20px;
float: left;
}

#under {
width: 414px;
height: 25px;
margin-top: 2px;
padding-top: 7px;
padding-left: 15px;
color: #ffffff;
}

#under a {
color: #1c5d61;
}

#under a:hover {color: #0c787f;}

/*###################################################################*/
/*#################          DATE ET IDENTIFICATION NEWS GAUCHE         #################*/
/*###################################################################*/
	
.post-meta {
	width: 70px;
	margin-left: -85px;
	text-align: right;
	display: inline;
	float: left;
}

.post-meta h3 {
	padding: 3px 0;
	display:inline;
}

.post-meta h3 span.day {
	display: block;
	float: right;
	line-height: 25px;
	font-size: 25px;
	border-right: #15394f 1px solid;
	padding-right: 5px;
	color: #082537;
}

.post-meta h3 span.month, .post-meta h3 span.year {
	color: #001b2d;
	width: 40px;
}

.post-meta h3 span.month {
	display: block;
	float: right;
	font-size: 16px;
	line-height: 14px;
	padding-left: 4px;
	text-align: center;
	text-transform: uppercase;
}

.post-meta h3 span.year {
	font-size: 14px;
	display: block;
}

.post-meta h4 {
	font-size: 12px;
	line-height: 22px;
	padding: 1px 20px 1px 0;
	color: #53a9fe;
	display:inline;
}

.post-meta h4.author {
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 32px;
padding-top: 0px;
background: url(images/user.png) no-repeat right 2px;

}

/*###################################################################*/
/*########################          THE CONTENT         ################################*/
/*###################################################################*/

.leschiffres{
background: url(images/en-chiffres.png);
float:right;
width:200px;
height:216px;
margin-left:10px;
margin-bottom:5px;
}

.textchiffres{
margin-bottom:-12px;
}

.paragraphe {padding-top : 20px;}

.paragraphecentrer {text-align : center;}

.gaccueil img{
width:70px;
height:70px;
padding-right:10px;
}

.daccueil img{
width:100px;
height:100px;
margin-top:10px;
}

.the-content {
font-size: 13px;
font-family:  Trebuchet MS, sans-serif;
color: #000000;
line-height: 1.2em;
padding-left: 20px;
padding-right: 20px;
padding-top : 10px;
}

/*.the-content h1 {
font-size: 26px;
line-height: 1.2; 
margin: 0.3em 0 10px;
color: #fff;
}*/

.the-content h2 {
font-size: 22px;
color: #fff;
line-height: 1.3; 
margin: 1em 0 .2em;
background: transparent;
padding-left: 0px;
}

.the-content h3 {
font-size: 18px;
color: #fff;
line-height: 1.3; 
margin: 1em 0 .2em;
background: transparent;
padding-left: 0px;
padding-bottom: 0px;
}

.the-content h4 {
font-size: 14px;
font-weight: bold;
margin: 1.33em 0 .2em;
color: #fff;
}

/*###################################################################*/
/*################          TABLEAU AFFICHAGE AGENCES PAR REGION         #################*/
/*###################################################################*/	
#tableau-legende {
margin:0px auto;
width:501px;
font-family: Trebuchet MS;
}

#tableau-legende table{
background-color:#e1e2e3;
width:400px;
margin:0px auto;
border-color:#c5c5c5;
border-width:1px;
border-style:solid;
}

#tableau-legende img{
width:30px;
height:30px;
}

#tableau-region {
margin:0px auto;
width:501px;
margin-bottom:20px;
font-family: Trebuchet MS;
} 

.chemise1 {
background:#e1e2e3;
height:50px;
width:501px;
} 

.chemise2 {
background:#ffffff;
height:50px;
width:501px;
} 
 
.cellulegauche {
margin:0px auto;
float:left;
width:100px;
padding-top:16px;
}

.celluledroite {
margin:0px auto;
float:right;
width:280px;
padding-top:7px;
}

.celluledroiteservice {
margin:0px auto;
float:right;
width:250px;
padding-top:17px;
}

.celluledroiteimg {
margin:0px auto;
float:right;
width:110px;
padding-top:9px;
}

.cellulemiddle {
margin:0px auto;
width:501px;
padding-top:15px;
}

.cellulemiddle a{
color:#4980cd;
font-weight:bold;
font-size:15px;
}

.cellulemiddle a:hover{
color:#3399fe;
}

/*###################################################################*/
/*####################          BARRE DE MENU DROITE        ##########################*/
/*###################################################################*/

.sidebar {
width: 230px;
overflow:hidden;
float: right;
}
   
 .sidebar-top{
background:url(images/sidebar-top.png) no-repeat;
width:230px;
height:12px;
}

 .sidebar-top-devis{
background:url(images/sidebar-top-devis.png) no-repeat;
width:230px;
height:12px;
}

 .sidebar-body{
background:url(images/sidebar-body.png) repeat-y;
width:228px;
border-left-width: 1px; 
border-left-style: solid; 
border-left-color: #c5c5c5;
border-right-width: 1px; 
border-right-style: solid; 
border-right-color: #c5c5c5;
padding-bottom:5px;
}

.sidebar-body form {
padding-top:10px;
margin-bottom:10px;
}

.sidebar-bodydevis2{
background:url(images/sidebar-body-devis2.png) repeat-y;
width:230px;
}

.sidebar-body a{
color:#696969;
font-weight:bold;
font-family: Trebuchet MS, sans sherif;
}

.sidebar-body a:hover{
color:#4980cd;
font-weight:bold;
}

.sidebar-bodydevis{
background:url(images/sidebar-body-devis.png) no-repeat;
width:230px;
height:80px;
}

.sidebar-bottom {
background:url(images/sidebar-bottom.png) no-repeat;
width:230px;
height:12px;
margin-bottom: 20px;
}

.sidebar-bottom-devis {
background:url(images/sidebar-bottom-devis.png) no-repeat;
width:230px;
height:12px;
margin-bottom: 20px;
}

.sidebar-bodydevis img{padding-top:4px;}

.sidebar-bodydevis2 img{padding-left:10px;}

.sidebar-line-devis {
background:url(images/sidebar-line.png) no-repeat;
width:220px;
height:5px;
margin:0px auto;
margin-bottom:5px;
}

.sidebar-line {
background:url(images/sidebar-line.png) no-repeat;
width:220px;
height:5px;
margin:0px auto;
margin-bottom:5px;
}

#sideb{
width: 230px;
color: #3d3d3d;
}

 #stitle{
padding-top:-10px;
padding-bottom:5px;
width: 230px;
}

#stitle-devis{
width: 230px;
padding-top:1px;
height:30px;
}

#stitle-devis h2{
margin-top:0px;
font-size:22px;
color:#ffffff;
font-weight:bold;
font-family:Trebuchet Ms;
}

#stitle img{
padding-left:6px;
padding-top:6px;
}

#stitle h2 {
font-size:16px;
color:#3399fe;
display:inline;
margin-left: 5px;
font-family:Trebuchet Ms;
}

#sidebar-update a{
color: #cbcbcb;
text-decoration: none;
}

#sidebar-update a:hover{color: #00101a;}

#choix{
font-family: Trebuchet MS, sans sherif;
}

/*###################################################################*/
/*########################        SPAN       ################################*/
/*###################################################################*/

.lien a{
color:#ffa902;
text-decoration:underline;
font-weight:bold;
} 

.lien a:hover{color:#4980d6;}

.pluspetit{font-size:17px;}

.plusgrand{
font-size:24px;
line-height:22px;
}

.ecriturebleu{
color:#53a9fe;
font-weight:bold;
font-size:17px;
font-family:  Trebuchet MS;
}

.grisclair{color :#696969;}

.grisfonce{
font-weight:bold;
color :#696969;
}

.bleufonce{
font-weight:bold;
color :#4980cd;
}

.grisfoncesoustitre{
font-weight:bold;
color :#696969;
font-size: 19px;
line-height:20px;
}

.grisclairtitre{
color :#696969;
font-size: 26px;
}

.alignright {float: right;}

.alignleft {float: left;}

.alignrightwithspace {float: left;}

.douce {
margin:7px;
color:#ffffff;
font-weight:bold;
font-size:15px;
font-family: Trebuchet MS;
}

.space {height:9px;}

.ecriture p{
font-size:13px;
color:#000000;
font-family: Arial;
}

.ecrituregrase {
color:#3399fe;
font-weight:bold;
font-size:14px;
}

.enavant{
font-weight:bold;
font-size:13px;
color:#00000;
}

a.ensavoirplus{
color :#696969;
text-decoration :none;
}

a.ensavoirplus:hover{text-decoration :underline;}

.etoile li { 
list-style-image:url(images/liperso.png);
padding:4px;
margin-left:25px;
}

/*###################################################################*/
/*########################          FOOTER         ################################*/
/*###################################################################*/

#footer {
width:800px;
margin: 0px auto;
}
	
#footer-top{
width: 800px;
height: 14px;
background: url(images/footer-top.png) no-repeat;
clear:both;
}

#footer-body{
width: 794px;
background: url(images/footer-body.png) repeat-y top left;
border-width: 3px; 
border-style: solid; 
border-color: #4973a6;
}

#footer-bottom{
width: 800px;
height: 30px;
background: url(images/footer-bottom.png) no-repeat;
clear:both;
padding-left: 15px;
font-size: 12px;
padding-top: 10px;
color: #bbbbbb;
}

#footer-bottom a {
text-decoration: none;
font-size: 10px;
color:#696969;	
font-family:Trebuchet MS;
}

#footer-bottom a:hover {
text-decoration: none;
color: #0c787f;
}

#footer-box1{ 
width:240px; 
padding:0px; 
margin:0px 25px 1px 10px; 
float:left;
}

#footer-box2{
width:240px; 
padding:0px; 
margin:0px 25px 1px 0;
float:left;
}

#footer-box3{
width:240px; 
padding:0px; 
margin:0px 0px 1px 0; 
float:left;
}

#footer ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#footer a {
text-decoration: none;
color: #4980cd;
font-size: 13px;
font-family:Arial;
font-weight:bold;
}

.arrow li { 
list-style-image:url(images/arrow.png);

margin-left:18px;
margin-top:3px;
}

#footer a:hover {
text-decoration: none;
font-style: italic;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #a6b8c3;
	}

img.alignright {
    display: inline;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	border: 1px solid #a6b8c3;
	}

img.alignleft {
    display: inline;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	border: 1px solid #a6b8c3;
	}
	
/*###################################################################*/
/*########################          CARTE DE FRANCE        ##########################*/
/*###################################################################*/

.infobulle{
background: url(images/showbodyregion.png) repeat-x;
position: absolute;   
visibility : hidden;
padding: 10px;
font-family: Trebuchet MS;
font-size: 17px;
color:white;
margin:0px auto;
}	
	
/*###################################################################*/
/*########################         BARRE DU BAS         ############################*/
/*###################################################################*/

.end {
background: transparent url(images/foot.png) no-repeat;
width:840px;
height:20px;
margin: 0px auto;
margin-bottom:20px;
}

/*###################################################################*/
/*#######################          PAGEFRAME AGENCE        #########################*/
/*###################################################################*/

ol.pageframe  {   
list-style-type:none;
width:500px;
margin:0;
padding:0;
height:26px;
border-bottom:1px solid #888;
}

ol.pageframe li  {
display:inline-block;
margin-left:5px;
padding:0;
height:25px;
line-height:25px;
min-width:115px;
font-family:Trebuchet Ms;
}

ol.pageframe li a  {
text-decoration:none;
display:block;
background: url(./images/menu-ville.jpg) repeat-x;
text-align:center;
border:1px solid #888;
border-bottom:none;
color:#000000;
font-weight:bold;
}

ol.pageframe li a:hover {
background:rgb(245,245,245);
font-weight:bold;
color:#4972a6;
border-bottom:1px solid rgb(245,245,245);
}

div.pageframe-body  {
background:rgb(245,245,245);
width:478px; /* 700 - 2 x 10 du padding - 2 du bord */
padding:10px;
border:1px solid #888;
border-top:none;
}

div.pageframe-body  div{display:none;}

.paragraphe-ville {
padding-left:22px;
padding-top : 20px;
padding-bottom : 20px;
}

/*###################################################################*/
/*##########################         TABLE TARIFS        ###########################*/
/*###################################################################*/

#tarifs {
width:500px;
}

.sur {
background-color:#4973a6;
color:#ffffff;
text-align:center;
height:40px;
font-weight:bold;
}

.sur2 {
background-color:#99ccff;
color:#ffffff;
text-align:center;
height:40px;
font-weight:bold;
}

.grille {
background-color:white;
color:#808080;
text-align:center;
height:40px;
font-weight:bold;
border:2px solid #99ccff
}

.aucentre{
text-align:center;
font-weight:bold;
}
.aucentre2{
color:grey;
text-align:center;
font-weight:bold;
}