/*----------- collingarythomasgrasley (modetwentythree.com) collingrasley@gmail.com --- public domain template, because sharing is good ------- no link back required, but it would be real swell :) --------------------*/

/* -----------------  page styles -------------------------------------------------------*/

body { padding:0; margin:0; font:12px Arial, sans-serif; line-height: 17px; background:#f4f4f4 url(images/bodybg.gif) center repeat-y; color: #555; }
#wrapper { margin:2px auto; width:900px;  padding:0; background:#fff;}

/* -----------------  general styles  -------------------------------------------------------*/


/* Links ------------------------------------------------------------------------------------- */
a{ text-decoration:none; color:#2d84ac;}
a:hover{ text-decoration:underline;color:#2d84ac;}
hr { color: #b70f24;height:2px;}
p { margin:0;padding-top:2px;}
h2 { font-weight:bold; font-size:12px; padding:0px 0 4px 0px; margin: 0 0 2px 0; color:#b70f24; background:none; border-bottom: 2px dotted #444; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0;}
h3{font: 14px Arial; font-weight:bold;color:#b70f24;}
h4 {font: 20px 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif; margin:0;color:#b70f24;}
.pic{margin-top:8px;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{ display: block;}
#prix{font-size: 12px; color: #2d84ac; font-weight:bold;}
.prix{font-size: 12px; color: #2d84ac; font-weight:bold;}
/* -----------------  top info  -------------------------------------------------------*/

#header { clear:both; width:900px; height:80px; background: url(../images/header-formalites-juridiques.jpg) repeat; 
margin:0; }


#title { position: absolute; z-index:1;float:left; width:240px; padding: 20px 0 10px 60px;}
#title p {font-size: 0.9em; color: #808080; padding: 0; background: inherit;}
#title h3 {font-size:12px; padding:5px 0 0 0; margin:0; color:#444;}

#hright {position:relative;z-index:1;float:right; width:540px; height: 100px; margin:15px 0 0 0;}
#hrighttop {width: 300px;margin: 0 2px 0 0; padding: 10px 8px 2px 0; float:right; text-align: right;}



/* Side menu --------------------------------------------------------------------------------- */
#side-menu div{ float:left; WIDTH:20em; display: block;}
#side-menu ul {  text-transform:uppercase; COLOR:#b70f24;}
#side-menu li { width:120px; display:block;float:left; padding:5px 7px 4px; color:#969696;}
#side-menu li a:hover{ color:#2d84ac; text-decoration:none;}

/* Side menu2 --------------------------------------------------------------------------------- */
#side-menu2 div{float:left; WIDTH:20em; display: block;}
#side-menu ul {  text-transform:uppercase; COLOR:#b70f24;}
#side-menu2  li { width:200px; display:block;float:left;  color:#969696;}

#side-menu2 li a:hover{ color:#2d84ac; text-decoration:none;}


#top-menu{position:relative;z-index:1;float:left; width:900px; height:30px;padding:0; margin:0 0 0 0;}

/* nav*/

#nav {float: left;width: 900px;height:30px;margin: 0;padding:0 ;list-style: none;
   font-size:12px;}
#nav li {float: left;margin: 0;padding: 0;line-height: normal;}
#nav li a {position: relative;display: block;margin: 0;padding: 4px 10px 9px 10px;color: #555;font-weight: bold;
text-decoration: none;border-bottom:1px solid #b70f24; }

#nav li:hover, #nav li.sfhover, #nav li.current {background: #fff ;}
#nav li:hover a, #nav li.sfhover a, #nav li.current a {background: #cf3649;color:#fff;}

#nav li ul {position: absolute;padding: 0;margin: 0 0 0 -1px;list-style: none;left: -999em; background: #fff;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li ul li {margin: 0;padding: 0;}
#nav li:hover ul li a, #nav li.sfhover ul li a, #nav li.current ul li a {margin: 0;padding: 5px 10px;background-color: #cf3649;
background-image: none;border-top: none;font-weight: normal;color: #fff;}
#nav li ul li.last a, #nav li.current ul li.last a {border-bottom-color: #b70f24;}
#nav li ul li a:hover, #nav li.current ul li a:hover {color: #2d84ac;background: #fff;}
#nav li ul li.current a {font-weight: bold;}

#nav li ul,
#nav li ul li,
#nav li:hover ul li a, 
#nav li.sfhover ul li a, 
#nav li.current ul li a {width: 20em;}

#nav li#last_tab ul,
#nav li#last_tab ul li,
#nav li#last_tab:hover ul li a, 
#nav li#last_tab.sfhover ul li a, 
#nav li#last_tab.current ul li a {width: 12.7em;}

#nav li:hover, #nav li.hover {position: static;}


/* ----------------- Main content -------------------------------------------------------*/

#homepic {width:900px; height:250px; margin:15px 0 10px 0;background: url(../images/accueil-formalites-juridiques.jpg) no-repeat;}
#homepic a {color:#2d84ac;}

.message{font-weight:bold;position:absolute;  width:400px;  margin:40px 0px 0px 200px; color:#2d84ac;}


#bottomcontenttop{width:900px;height:10px;background: url(../images/b_contenttop.jpg) no-repeat;}
#bottomcontent{width:898px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentbtm{width:900px;height:10px;background: url(../images/b_contentbtm.jpg) no-repeat;}


.left {float:left ;width: 135px;margin: 0 6px 5px 0; padding:10px;}
.middle {float: right;width: 470px;margin: 0 6px 5px 0; padding:8px;}
.right {float: right;width: 200px;margin: 0 6px 5px 0; padding:8px;}
.thumbs img{position:relative;padding:1px;margin:5px 8px 5px 9px;border:2px solid #631e19;background:none;}
.thumbs img:hover{border:2px solid #c5c5c5; background:none;}

/* ----------------- Bottom content -------------------------------------------------------*/

#footer { width :898px; clear: both; text-align:left;  color: #444; background: #fff; padding: 4px 0; 
margin:10px 0 0 0;}
#footer a {color: #631e19; background: inherit;}

#botom a{color: #555;}
#botom  a :hover{text-decoration:underline;color:#2d84ac;}

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 14px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#cf3649;
    cursor:pointer;
    padding:10px 20px 12px 14px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:8px 20px 6px 14px; /* IE6 */
}
.buttons button[type]{
    padding:10px 20px 10px 14px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:8px 20px 6px 14px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 6px -6px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#2d84ac;
}
.buttons a:active{
    background-color:#cf3649;
    border:1px solid #cf3649;
    color:#fff;
	}