/*  
Theme Name: Simple
Description: Theme made for YPG Simple
Version: 2.1
Author: Ben
*/

/*-----------------------------------------------------------------------------
     __ \          /     __ \  ( )          /_ 
    /_/ /  __ `/  __/_  /_/ /_  /_  ___/_  __ \
_  ____// /_/ // /_ _  ____/_  / / /__ _  / / /
/_/     \__,_/ \__/ /_/     /_/  \___/ /_/ /_/

Version: 		1.0

Purpose:		Generic CSS

Modified on:	2009/09/30 

Created by: 	Patrick Picher
				patrick@patpich.com
				
Copyright © 2010

-----------------------------------------------------------------------------*/


/* --------------------------------------------------------------------------
*  Initial Setup - do not modify
*--------------------------------------------------------------------------*/
* {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {margin: 1em 0;}

a{outline:none;}
img{border:0; outline:none;}
html, body{height:100%; width:100%;}



/*---------------------------------------------------------------------------
*  Typography
*--------------------------------------------------------------------------*/
body{
	
	
	
	
}
body, td, input, textarea, p, div{
	color:#595959;
	font-size:16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height:1,5em;
	
}

a, a:link, a:visited, a:hover, a:active {text-decoration: none;} /*all*/
a, a:link, a:visited, a:active {
	color: #595959;
} /*out*/
a:hover { color: #5e86b7; text-decoration: none;} /*over*/


/* Typography Shortcuts
-------------------------------------*/
.bold{font-weight:bold; color: #5e86b7;}
.italic{font-style:italic;}
.mini{font-size:0.8em;}
.normal{font-weight:normal;}

b, strong {
	
font-weight:bold; color: #6894ca;	
	
}
h1 {
	
color: #5e86b7;		
}

/* Typography Custom
-------------------------------------*/





/*---------------------------------------------------------------------------
*  Structure
*--------------------------------------------------------------------------*/

/* modify min-width & ie6 workaround to suit your needs */
#site{
	xposition:relative;
	/*height control*/
	height:auto !important;
	height:100%; /* ie6.under treaded as min-height*/
	min-height:100%;
	/*width control*/
	width:100%;
	width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth :	document.body.clientWidth)
	< 980 ? "980px" : 
	"auto");
}
#blueline{
	position:relative;
	height:5px;
	width:100%;
	background-color:#595959;
	
	
	
	
}

/* Structure Shortcuts
-------------------------------------*/
.left{float:left;}
.right{float:right;}
.clear {clear:both;}


/* Structure Custom
--------------------------------------*/
form{margin:0;}
ul{list-style:none; margin:0;}
p{margin:1em 0;}


/*---------------------------------------------------------------------------
*  Header
*--------------------------------------------------------------------------*/
#header{
	position:relative;
	background-color:#FFF;

	width:100%;
}
#header .wrap{
	height:150px;
	margin:0 auto;
	position:relative;
	width:901px;
	background-color:#FFF;
}

#header h1{margin:0;}

#header h1 a{
	display:block;
	height:71px;
	left:0px;
	position:absolute;
	text-indent: -9999px;
	top:10px;
	width:99px;
}
#header .wrap #logo{
	position:relative;
	background-image: url(img/logo.png);
	background-repeat: no-repeat;
	display:block;
	float:left;
	width: 398px;
	height: 109px;
	margin-top:40px;
}

/* Sitenav
--------------------------------------*/
#sitenav{
	position:absolute;
	right:5px;
	top:108px;
	font-size:15px;
}

#sitenav li{
	float:left;
	margin-right:20px;
}

#subnav{
	font-size:11px;
	position:absolute;
	right:0px;
	top:7px;
}
#subnav li{
	float:left;
	margin-right:7px;
}
li .current_page_item {
color: #06C; text-decoration: underline;	
}

/*---------------------------------------------------------------------------
*  Main
*--------------------------------------------------------------------------*/
#main{
	background:url(img/gradient.jpg) repeat-x top;
	vertical-align:top;
	position:relative;
	width:100%;
}
#main_wrap{
	margin:0 auto;
	padding-bottom:0px; /* footer's height */
	position:relative;
	
	width:901px;	
}


/* Visual
--------------------------------------*/	
#visual{
	position:relative;
	text-align: center;
	width:100%;
	background-image:url(img/header_BG.png);
	height:353px;
	
	margin:0 auto;

}
.page-id-3 #slideshow{
	position:relative;
	background-image:url(img/header.png);
	background-repeat:no-repeat;
	width:901px;
	height:313px;
	text-align:center;
	margin:auto;
}
.page-id-4 #slideshow{
	position:relative;
	background-image:url(img/guy.png);
	background-repeat:no-repeat;
	width:901px;
	height:313px;
	text-align:center;
	margin:auto;
}

.page-id-70 #slideshow{
	position:relative;
	background-image:url(img/header_chicks.jpg);
	background-repeat:no-repeat;
	width:901px;
	height:313px;
	text-align:center;
	margin:auto;
}
.page-id-66 #slideshow{
	position:relative;
	background-image:url(img/marteau.png);
	background-repeat:no-repeat;
	width:901px;
	height:313px;
	text-align:center;
	margin:auto;
}

.page-id-8 #slideshow{
	position:relative;
	background-image:url(img/deesse.png);
	background-repeat:no-repeat;
	width:901px;
	height:313px;
	text-align:center;
	margin:auto;
}


/* Content
--------------------------------------*/	
#content{
	position:relative;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#content ul{
	list-style:disc;
	color:#5e86b7;
	margin-left:20px;
	margin-top:30px;
}
#content ul li{
	margin-top:5px;
	
	
}

#contact{
	position:relative;
	float:left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 20px;

}
#avocat{

		width:279px;
		height:159px;
	background:url(img/avocat_contact.png) no-repeat;

}
#bureau{
	padding-top: 5px;
		width:279px;
		height:261px;
	background:url(img/bureau.png) no-repeat;

}
#equipe{
	position:relative;
	float:left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	width:580px;
}

#map{
	
	position:relative;
	float:right;
	padding-top: 90px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	
}
#avocats{
	margin-top: 90px;
	margin-right: 10px;
	float:right;
	height:411px;
	width:279px;
	background:url(img/avocats.png) no-repeat;
	
}
#list_criminel{
	height:382px;
	width:895px;
	background:url(img/list_criminel.png) no-repeat;
	
}
#list_civil{
	height:350px;
	width:895px;
	background:url(img/list_civil.png) no-repeat;
	
}

#left_box{
	float:left;
	height:652px;
	width:429px;
	background:url(img/box_criminel.png) no-repeat;
}
#right_box{
	float:right;
	height:652px;
	width:429px;
	background:url(img/box_civil.png) no-repeat;
}
.pratique_text{
	
	padding-top:1px;
	margin-left:18px;
	margin-right:18px;
	
	
}
.text_contact{
	
	padding-top:30px;
	margin-left:18px;
	margin-right:18px;
	
	
}

.text{
	
	margin-top:60px;
	margin-left:18px;
	margin-right:18px;
	
	
}
.text ul{
	list-style:disc;
	color:#5e86b7;
	margin-left:20px;
	margin-top:30px;
	margin-bottom:30px;
}
.text ul li{
	margin-top:5px;
	
	
}

/* Hub
--------------------------------------*/

#hub{
	clear:both;
	margin:20px;
}

#hub li{
	display:block;
	float:left;
	margin-right:20px;
	width:215px;
}
#hub li.last{
	margin-right:0px;
}


/* Sidebar
--------------------------------------*/
#sidebar{
	float:right;
	margin-right:4px;
	position:relative;
	width:254px;
}



#sidebar ul { margin: 5px 0 0 0; }

#sidebar li { 
	list-style: none; margin: 0 0 20px 0; }

#sidebar li ul { margin-left: 5px; }

#sidebar li ul li { margin-bottom: 5px; }

#sidebar li ul li ul { margin: 5px 0 0 10px; }


/* Pagenav
--------------------------------------*/

#pagenav{
	margin:0;
	padding:15px 0 0 0;
	width:100%;
}

#sidebar #pagenav ul{
	margin:0;
}

#sidebar #pagenav li{
	margin:0 30px;
	padding:0;
}

#sidebar #pagenav .split{
	display:block;
	height:21px;
	margin:0px;
	width:100%;
}
/*
#sidebar li#pagenav ul li {
	margin:5px 30px;
}*/


/*---------------------------------------------------------------------------
*  Footer
*--------------------------------------------------------------------------*/
#footer{
 	font-size:11px;
	position:relative;
	width:100%;
}

#footer .wrap{
	background-color:#FFF;
	height:70px;
	margin:0 auto;
	position:relative;
	width:900px;
}

#break{
	background-image: url(img/break.png);
	background-repeat: no-repeat;
	width:830px;
	height:44px;
	margin:0 auto;
	position:relative;
	display:block;
	
	
}
#footernav{
	position:absolute;
	right:5px;
	top:22px;
}
#footernav li{
	float:left;
	margin-left:7px;
}

#footer .copyright{
	bottom:6px;
	position:absolute;
	right:5px;
}