/* 
------------------------
akoncept.com
Version 4.0
MAIN CSS
update: 04/26/2006
------------------------
 */

   
/* default styles
   -------------- */
   
body { 
	padding: 0; 
	margin: 0; 
	font: 0.8em "Trebuchet MS",Arial, sans-serif; 
	line-height: 1.5em;
	background: #000 url("../images/bg/bg.gif");
	color: #fff; 
}

/*a {
	color: #ff90ae;
	background: inherit;
}

a:hover {
	color: #ff0068;
	background: #222;	
}*/

a {

	color: #c7ea26;
	text-decoration:none;
}

a:hover {
	color: #F9F700;
	background: #222;
	text-decoration:underline;
}

h1 {
	font: bold 2em Arial, Sans-Serif;
	letter-spacing: -1px; 
	padding: 7px 0 0 0px;
	margin: 0;
}



h1 a, h2 a {
	text-decoration: none;
}

h1 a:hover, h2 a:hover {
	color: #FF6600;
	background: #FFF;
}




p {	
	margin: 0 0 5px 0;
	
}

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

form { 
	margin: 0; 
}

input.search { 
	width: 199px; 
	border: none;
	background: url("../images/bg/input.gif"); 
	padding: 4px; 
}

input.login { 
	width: 150px;
	border: none; 
	background: url("../images/bg/logininput.gif"); 
	padding: 4px; 
	color:#fff;
}

/* layout
   ------ */
#bigshadow{
	background:#444;
	width:710px;
	margin:0px auto;
}	

#wrapper { 
	margin: 0px auto;
	background:#3e3e3e url("../images/bg/wbg.gif");
	width: 700px; 
	padding:0px;
	text-align:justify;
}

#header { 
	height: 85px; 
	background:#3e3e3e url("../images/bg/hbg.gif") left top no-repeat;
}


#logo {
	padding-top:29px;
	padding-left:35px;
	float:left;
	font-size: 0.9em;
	width: 250px;
}


#logo h1 a{
	padding-top:16px;
	height:0;
	overflow:hidden;
	background:url("../images/bg/text/logolink.gif") no-repeat 0 0;
	width:114px;
	display:block;
}

#logo h1 a:hover {
	background-position: 0 -16px;
}


/* left side
   --------- */
#container{
	background:#3e3e3e;
}

#main {
	float: left;
	background: url("../scripts/php/rotate.php") 1px top no-repeat;
	width: 450px;
	padding:0px 0px 5px 0px;
	margin: 0 0 6px 0;
}

#content{
	position:relative;
	margin-top:200px;
	width:390px;
	background:#363636 url("../images/bg/cbg.gif") right top no-repeat;
	border:1px #424242 solid;
	padding:20px;
	margin-left:10px;
	margin-right: 10px;
}

#content h2 {
	font:  1.42em Arial, Sans-Serif;
	letter-spacing: -1px; 
	padding: 12px 0px 0px 0px;
	margin-bottom:5px;
	width:65%;
	line-height:1.2em;
}

#content h3 {
	font-size:  1em; 
	color:#f5ffb0;
	padding: 12px 0px 0px 0px;
	margin-bottom:5px;
	width:85%;
	line-height:1.2em;
	font-weight:normal;
}

#content p{
	margin:10px 0;
	padding:0;
	line-height:150%;
}

#left{
	width:180px;
	float:left;
}

#right{
	width:180px;
	float:right;
	padding-left:0.9em;
	border-left:1px solid #555;
}

dt{
	color:#ff90ae;
	font-size:1.2em;
	margin:5px 0px;
}

dd, .box{
	color:#fff;
	background:#2b2b2b;
	font-size:1em;
	margin:4px 0px 4px 8px;
	padding:0.8em;
	border-left:1px #555 solid;
}

dd:hover, .box:hover{
	background:#111;
}

#content ul {
	list-style: none;
	}
#content ul li {
	padding:0 20px;
	margin:0.8em;
	background: url(../images/icons/asterisk_orange.gif) left top no-repeat;
	line-height: 1.4em;
}	

blockquote {
	margin:0.9em 0px 4px;
	padding:0em 0.8em;
	border-left: 4px solid #999;
}

blockquote cite{
	display:block;
	font-size:0.85em;
	text-align:right;
}	

img.lefted{
	float:left;
	padding:0px;
	border:4px #555 solid;
	margin-right:20px; /*pour que a laisse le meme espace à droite*/
}

a:hover img.lefted{
	border:4px #ddd solid;
}	

/* right side
   ---------- */
		
#side {
	position:relative;
	text-align:left;
	float: right;
	width: 200px;
	padding:5px 15px 5px 10px;
	margin: 0 0 0px 0;
}


#side ul {
	position:relative;
	background:transparent url("../images/bg/slibg.gif") repeat-x top left;
	padding:1px 0 0 0;
	margin: 0 0 10px 0;
}	
	
#side ul li {
	display:inline;
}
	
#side ul li a {
	text-decoration:none;
	color:#ccc;
	display:block;
	padding:5px 0px;
	background:transparent url("../images/bg/slibg.gif") repeat-x bottom left;
}
#side ul li a:hover {
	color:#FF6600;
	background:#222 url("../images/bg/slibg.gif") repeat-x bottom left;
}				
#side ul li a span {
	color: #b5b4a0;
	font-size:.94em;
}	

/* footer
   ------ */

#footer { 
	clear: both; 
	background:#3e3e3e url("../images/bg/fbg.gif");
	text-align: center;
	line-height: 1.8em;
	padding: 10px 0 10px 0;
	border-top: 1px solid #4c4c4c;
}

#footer ul{
	
}

#footer li{
	display:inline;
	list-style: none;
	border-left: 1px solid #4f4f4f;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
	text-align:center;
}

#footer ul li.first{
	border:0;
}
	
#footer a {

	color: #c7ea26;
	text-decoration:none;
}

#footer a:hover {
	color:#F9F700;
	background: #333;
	text-decoration:underline;
}

#footer hr{
	display:none;
}	

/*---------------------
 MENU
<ul id="menu">
<li><a href="#nogo">Tab One</a></li>
<li><a href="#nogo">Tab Two: Longer</a></li>
<li><a href="#nogo">Tab Three: Longest</a></li>
<li><a href="#nogo">Tab Four</a></li>
</ul> 
-----------------------*/
#menu{
	padding: 0px 45px;
	margin :0px 10px;
	font-size: 1em ;
	text-align:center;
	border-top:5px #c7e11a solid;	
}

#menu li{
	list-style: none;
	display: inline;
	padding:0px;
	margin:0px;
    background:#c7e11a;
    border:0px;
}

#menu li a{
	margin:0px 0px;
	font: 1em bold "Trebuchet MS",Arial, sans-serif; 
	padding: 1px 6px 5px;
	background:#ffcc00;
	text-decoration:none;
    float:left;
}

#menu li a:link, #menu li a:visited{
	color: #000;
}



#menu li a.current{
	background: #FFFFE0;
}

#menu li a:hover, #menu li a#current{
	color:#000;     
	background:#c7e11a;
	padding-bottom:10px;
	border-bottom:5px solid #ffcc00;
}

#menu li a#current{
	border-bottom:5px solid #9cd404;
}	

/*-------------------------
MISC
---------------------------*/
#content:hover{
	background:#333;
	border:1px #444 solid;
}
	
/*--------------------------
Image remplacement
----------------------------*/
#side h2{
	font-size:10px;
	margin:20px 0;
}

#ncdc a{
	padding-top:12px;
	height:0;
	overflow:hidden;
	background:url("../images/bg/text/ncdcrss.gif") no-repeat 0 0;
	width:177px;
	display:block;
}

#ncdc a:hover{
	background-position: 0 -12px;
}	

#nrp a{
	padding-top:12px;
	height:0;
	overflow:hidden;
	background:url("../images/bg/text/nrp.gif") no-repeat 0 0;
	width:170px;
	display:block;
}

#nrp a:hover{
	background-position: 0 -12px;
}	
			
#slogan {
	display:block;
	height:85px;
	text-indent:-3000px;
	margin-left:400px; /*(700-300) 300:width of the sbg*/
	font-size: 0.9em;
	background:#3e3e3e url("../images/bg/sbg.gif") right bottom no-repeat;
}

/*-----------------
Galeries thumbnail
-------------------*/
#project-gallery{
	padding-bottom:0px;
}
	
a.thumbnail img{
	float: left;
	width: 46px;
	margin: 0 10px 10px 0;
	padding:0px;
	display:block;
	border:5px solid #424242;
}

a.thumbnail:hover img{
	border:5px solid #ddd;
}

	
.clearboth { clear: both; }



















/*********************************************
SIFR STYLES
*********************************************/
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced.  
The negative-letter spacing in this case is used to make the browser text metrics 
match up with the sIFR text metrics since the sIFR text in this example is so 
much narrower... your own settings may vary... any weird sizing issues you may 
run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h3.header {
	visibility: hidden;
	letter-spacing: -6px;
	font-size:45px;
	margin:0;
	padding:0;
	line-height:0;
	height:50px;
}


/*------------------------
Misv Toys :)
--------------------------*/
#badge{
	position:absolute;
	text-indent:-3000px;
	top:-50px;
	right:-40px;
	width:100px;
	height:100px;
}	

#badge a{
	display:block;
	height:90px;
	width:100px;
}	

a.web2{
	background: url("../images/bg/text/web2.gif") right top no-repeat;
}	
a.web2:hover{
	background: transparent url("../images/bg/text/web2.gif") right -90px no-repeat;
}	



/*---------------------------------------------*/
/* Nice title
------------------------------------------------*/
div.nicetitle {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: black;
    font-size: 13px;
    font-family: arial, Helvetica, Arial;
    width: 25em;
    background:  #fcfff3;
    border:1px #aaa solid;
   max-width:200px; 
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
    font-size: 8pt;
    text-align: left;
    padding-top: 3px;
}