<br />
<b>Notice</b>:  Undefined index: HTTP_ACCEPT_ENCODING in <b>/homepages/13/d202517843/htdocs/media.php</b> on line <b>28</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /homepages/13/d202517843/htdocs/media.php:28) in <b>/homepages/13/d202517843/htdocs/media.php</b> on line <b>32</b><br />
/*
Theme Name: Green
Theme URI: http://www.guillaumevoisin.fr/
Description: Thème de blog, portfolio de Guillaume Voisin - 2010
Author: Guillaume Voisin
Author URI: http://www.guillaumevoisin.fr/
Version: 2.0 
Tags: green
License:
License URI:
*/


/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #222; 
  background: #fff;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

/*html{ margin-top:0 !important }
#wpadminbar{ display:none !important }*/

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; margin:0;}

h1 { font-size: 3em; line-height: 1; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
  vertical-align:middle;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 }
p img.left       { float: left; margin-right: 1em; padding: 0; }
p img.right { float: right; margin-left: 1em; }

p img.center { margin-top: 1em; margin-bottom:1em; padding: 0; }

a:focus, 
a:hover     { color: #000;text-decoration: none; }
a           { color: #009; text-decoration: none; }
a img { border:0 }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #eee; color:#666 !important; }
acronym:hover     { border-bottom: 1px solid #eee; cursor:help }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

label { cursor:pointer };


/* Lists
-------------------------------------------------------------- */
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0; padding:0 }

ul li { margin:0 }

ul , ol         { list-style-type: none; }
*html ul { margin:0 }
*+html ul { margin:0 }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Images
-------------------------------------------------------------- */

img{
	vertical-align:middle;
}
/*
*html img, *html li{
	behavior: url(iepngfix/iepngfix.htc);
}*/

img.border{
	border:1px solid #eee;
	padding:4px
}

img.border:hover{
	border:1px solid #000;
	padding:4px
}

img.icon{
	border:none;
	padding:0;
	margin:0;
}

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; }
th          { font-weight: bold}
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* For
-------------------------------------------------------------- */

input, select, textarea{
	padding:1px;
	font-size:1em;
	height:auto;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	border:1px solid #ccc;
}

input:focus, textarea:focus{
	border:1px solid #666;
}

figure{ margin:0 }

/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.display-none{ display:none }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}

blockquote{ padding-left:25px; background:url(img/quotes_green.png) no-repeat left 3px; margin:0 20px; position:relative }
blockquote .icon{ position:absolute; left:15px; top:50%; margin-top:-16px; width:32px; height:32px; background:url(img/sprite_icons.png) no-repeat }

/* alerts & msg */
blockquote.alert_msg{ line-height: 1.4; margin:0; margin-bottom: 15px; padding: 15px 20px 15px 60px; font-style:normal; background:none }

blockquote.info{ background-color: #FFFFE0; border: 5px solid #F7F0B8; box-shadow: 1px 1px 0 #EDE396; -moz-box-shadow: 1px 1px 0 #EDE396; -webkit-box-shadow: 1px 1px 0 #EDE396; color: #707037 }
blockquote.info span{ background-position: -32px -40px }
blockquote.warn{ background-color: #F7F7CF; border: 5px solid #E8DC88; box-shadow: 1px 1px 0 #DDCF6E; -moz-box-shadow: 1px 1px 0 #DDCF6E; -webkit-box-shadow: 1px 1px 0 #DDCF6E; color: #707037  }
blockquote.warn span{ background-position: 0 -40px }
blockquote.error{ background-color: #F7DEDE; border: 5px solid #D37272; box-shadow: 1px 1px 0 #B26060; -moz-box-shadow: 1px 1px 0 #B26060; -webkit-box-shadow: 1px 1px 0 #B26060; color: #B26060  }
blockquote.error span{ background-position: -128px -40px }
blockquote.success{ background-color: #E8EFC6; border: 5px solid #afc937; box-shadow: 1px 1px 0 #8FA32C; -moz-box-shadow: 1px 1px 0 #8FA32C; -webkit-box-shadow: 1px 1px 0 #8FA32C; color: #788922  }
blockquote.success span{ background-position: -96px -40px }

blockquote.dropcaps{ float:right; font-family:Georgia; font-size:20px; font-style:italic; line-height:28px; padding:10px 20px; width:200px; margin:0 0 0 10px; text-align:left }
blockquote.dropcaps.left{ float:left; padding:10px 20px; margin:0 10px 0 0 }

.content .tut-infos{ margin:0; margin-bottom:25px; padding: 15px 20px; font-style:normal; background: #E7EFBD; border: 5px solid #A0B831; box-shadow: 1px 1px 0 #6F8020; -moz-box-shadow: 1px 1px 0 #6F8020; -webkit-box-shadow: 1px 1px 0 #6F8020; color: #5A6814 }
.entry .content .tut-infos p{ margin:0 }
.entry .content .tut-infos label{ width:160px; display:inline-block; font-weight:bold }
.entry .content .tut-infos span{ color:#768426 }
.entry .content .tut-infos label span.icon{ width:16px; height:16px; display:inline-block; vertical-align:middle; margin-right:5px }
.entry .content .tut-infos .level span.icon{ background: url(img/sprite_icons.png) no-repeat -112px 0 }
.entry .content .tut-infos .technos span.icon{ background: url(img/sprite_icons.png) no-repeat -16px 0 }

.floatleft, .alignleft{float:left}
.floatright, .alignright{float:right}
.clear{clear:both; height:0; font-size:0px}

.right{text-align:right}
.left{text-align:left}
.center{text-align:center}

.alignleft{ margin-right: 15px;}
.alignright{ margin-left: 15px;}

.ir { border:0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent }

.alignright {float:right; margin:0 0 1em 1em}
.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
*{ outline:none }
input[type="button"]::-moz-focus-inner, button::-moz-focus-inner { border: 0; }
::-moz-selection {background: #AFC937; color: #fff;}
::selection {background: #AFC937; color: #fff;}

.post-type-projet ::-moz-selection {background: #5EB2D1; color: #fff;}
.post-type-projet ::selection {background: #5EB2D1; color: #fff;}


/*********************************************************************/
/* GENERAL
/*********************************************************************/

body{ background: #706F6F; color: #464646; font-family: Arial; font-size: 16px }
a{ color:#464646 }

.cadre{ -moz-border-radius:0.2em; -webkit-border-radius:0.5em; -moz-box-shadow:0 0 0.8em #ccc; border:1px solid #ccc; padding:1px; background:#fff }

#global{ width: 960px; margin: 0 auto; position:relative; overflow:hidden }

.qtip{ font-size:10px }


/*********************************************************************/
/* HEADER
/*********************************************************************/

#header_top{ background-color: #FDFDFF; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFDFF), to(#EAEAEA)); background: -ms-linear-gradient(top, #FDFDFF, #EAEAEA); background: -webkit-linear-gradient(top, #FDFDFF, #EAEAEA); background: -moz-linear-gradient(top, #FDFDFF, #EAEAEA); height:40px; -moz-box-shadow: 0 0 30px #333; -webkit-box-shadow: 0 0 30px #333; box-shadow: 0 0 30px #333; z-index:200; position:fixed; top:0; right:0; left:0; border-bottom:1px solid #777 }

#header_top #logo{ position:absolute; height:40px; width:40px }
#header_top #logo .main{ display:block; text-indent:-9999px; line-height:40px; border-right:1px solid #fff }
#header_top #logo .main:hover, #header_top #logo .hover .main{ background-color:#f2f2f2 }
#header_top #logo .sep{ height:40px; border-right:1px solid #ddd; float:right }
#header_top #logo .main .icon{ width:24px; height:24px; background:url(img/sprite_icons.png) no-repeat -96px -16px; display:block; position:absolute; top:8px; left:8px }
#header_top #logo ul.sub{ position:absolute; top:40px; width:120px; border-bottom:1px solid #333; border-right:1px solid #333; display:none; box-shadow:2px 4px 3px #555; -moz-box-shadow:2px 4px 3px #555; -webkit-box-shadow:2px 4px 3px #555 }
#header_top #logo .sub li{ padding:8px 5px; background:#464646; color:#bbb; text-shadow:1px 1px #222; font-size:10px; border-top:1px solid #4f4f4f; border-bottom:1px solid #363636 }
#header_top #logo .sub li:first-child{ border-top:none }
#header_top #logo .sub li:last-child{ border-bottom:none }
#header_top #logo .sub li a{ color:#ddd; text-shadow:1px 1px #222; display:block; font-size:12px; }
#header_top #logo .sub li a:hover{ color:#fff }

#header_top .inner{ margin:0 auto }
#header_top .inner ul{ text-align:center; margin-top:8px }
#header_top .inner li{ display:inline-block; margin-right:10px }
#header_top .inner li a{ -moz-transition: all 0.5s ease-out 0.3s; position:relative; color:#fff; -moz-border-radius:1em; border-radius: 1em; -webkit-border-radius:1em; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #EBF2BF inset; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #EBF2BF inset; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #EBF2BF inset; cursor: pointer; display: inline-block; font: 14px/100% Arial,Helvetica,sans-serif; margin: 0 2px; outline: medium none; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); vertical-align: baseline; background: -moz-linear-gradient(center top , #CDE552, #AFC937) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#CDE552), to(#AFC937)) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CDE552', endColorstr='#AFC937'); border: 1px solid #A2BA2E; color: #fefefe; padding:4px 10px; padding-left:25px }
#header_top .inner li a span.icon{ position:absolute; left:6px; top:3px; width:16px; height:16px; display:inline-block; vertical-align:middle; background-image:url(img/sprite_icons.png); background-repeat: no-repeat }
#header_top .inner li a:hover{ background: -moz-linear-gradient(center top , #AFC937, #C5DD4D) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#AFC937), to(#AFC937)) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AFC937', endColorstr='#C5DD4D'); color:#fff; text-decoration:none; box-shadow:0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #D5E27A inset; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #D5E27A inset; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #D5E27A inset; }
#header_top .inner li a .count{ display:none; font-size:10px; color:#464646; margin-left:7px; text-shadow:none }
#header_top .inner li a:hover .count{ display:inline-block; -moz-transition: all 0.5s ease-out 0.3s }
#header_top .inner li.wordpress .icon{ background-position:-272px 0 }
#header_top .inner li.facebook .icon{ background-position:-304px 0 }
#header_top .inner li.jquery .icon{ background-position:-256px 0 }
#header_top .inner li.tutorials .icon{ background-position:-288px 0 }
#header_top .pastille{ top:-10px; right:-13px }
/*#top{ height:10px; z-index:200; position:fixed; display:block; left:0; right:0; top:-10px; -moz-box-shadow: 0 0 30px #333 }*/


.logo{ color:#eee; font-size:26px; text-transform:uppercase }
.logo a{ color:#AFC937; text-shadow:2px 2px rgba(0,0,0,0.4) }

.moto{ margin:1em 0 0.5em; padding-bottom:0.5em; font-style:italic; font-size:13px; color:#bbb }

.hireme{ background:url(img/sprite_icons.png) no-repeat -48px -72px; width:48px; height:48px; display: inline-block; font-size: 0 !important }

/** help bar **/

#help_bar{ position:absolute; right:0; top:0; height:40px; font-size:12px; z-index:500 }
#help_bar li{ float:left; height:40px; line-height:40px; border-right:1px solid #fff; border-left:1px solid #ddd }
#help_bar ul{ border-left:1px solid #fff; overflow:hidden }
#help_bar li:last-child, #help_bar li.last-child{ border-right:0 }
/*#help_bar li:last-child a, #help_bar li.last-child a{ padding-right:0 }*/
#help_bar a{ color:#888; text-shadow:1px 1px #fff; display:block; padding:0 10px; height:40px }
#help_bar a:hover{ color:#000; background-color:#f2f2f2 }

#help_bar #backtotop .icon{ background:url(img/sprite_icons.png) no-repeat 1px -16px; width:24px; height:24px; text-indent:-9999px; position:relative; top:8px }


/*********************************************************************/
/* MENU
/*********************************************************************/

#menu{ margin:2em 0 1.5em }
#menu .onglets li{ border-bottom:1px solid #686767; border-top:1px solid #777676 }
#menu .onglets li:first-child{ border-top:none }
#menu .onglets li:last-child{ border-bottom:none }
#menu .onglets li a{ padding:6px 0; display:block; text-shadow:1px 1px #444;  color:#eee; font-size:14px; -webkit-transition: background-color 0.2s ease-in,padding 0.2s ease-in; -moz-transition: background-color 0.2s ease-in,padding 0.2s ease-in; -o-transition: background-color 0.2s ease-in,padding 0.2s ease-in }
#menu .onglets li a:hover{ color:#fff; -webkit-transition: background-color 0.2s ease-in,padding 0.2s ease-in; -moz-transition: background-color 0.2s ease-in,padding 0.2s ease-in; -o-transition: background-color 0.2s ease-in,padding 0.2s ease-in; padding-right:6px }
#menu .onglets li.current_page_item a{ padding-right:6px }
#menu .onglets li.home a{ padding-left:15px }
#menu .onglets li.home a:hover, #menu .onglets li.home.current_page_item a{ background:#999 url(img/home_small.gif) no-repeat 8.5em center }
#menu .onglets li.portfolio a:hover, #menu .onglets li.portfolio.current_page_item a{ background:#5EB2D1 }
#menu .onglets li.about a:hover, #menu .onglets li.about.current_page_item a{ background:#F6A526 }
#menu .onglets li.contact a:hover, #menu .onglets li.contact.current_page_item a{ background:#AFC937 }
#menu .onglets li.blog a:hover, #menu .onglets li.blog.current_page_item a{ background:#464646 }


/* CV + RSS
/*********************************************************************/

#menu .flux{ margin:1em 0; text-align:left }
#menu .flux li{ float:right; margin-left:5px }
#menu .flux li a{ display:block; height: 24px; text-indent: -9999px; width: 24px }
#menu .flux .rss { background: url("img/images.png") no-repeat scroll -350px 0 transparent }
#menu .flux .resume { background: url("img/images.png") no-repeat scroll -158px 0 transparent }


/* RECHERCHE
/*********************************************************************/

.recherche{ margin:1em 0; position:relative; float:right }
.recherche .icon{ position:absolute; width:16px; height:16px; left:7px; top:5px; background:url(img/sprite_icons.png) no-repeat -144px 0 }
#searchInput{ width:100px; border-radius:1em; box-shadow:none; -moz-transition: all 0.2s ease-out 0.1s; -webkit-transition: all 0.2s ease-out 0.1s; -o-transition: all 0.2s ease-out 0.1s; padding: 4px 4px 4px 28px; border:1px solid #555; background-color:#aaa; font-size:13px; font-style:italic }
#searchInput:focus{ width:140px; background-color:#ccc; font-style:normal }

/*********************************************************************/
/* BREADCRUMB
/*********************************************************************/

#breadcrumb{ margin:0 0 1em 210px }
#breadcrumb ul{ overflow:hidden }
#breadcrumb li{ float:left; font-size:12px; line-height:16px; margin-right:6px; text-shadow:1px 1px #444; color:#ddd }
#breadcrumb li.home{ background:url(img/home.png) no-repeat left center; padding-left:23px }
#breadcrumb li a{ color:#AFC937; text-shadow:1px 1px #444; padding-right:20px; background:url(img/bct_separator.png) no-repeat right 0; }
.post-type-projet #breadcrumb li a{ color:#5EB2D1; }
#breadcrumb li a:hover{ color:#eee }

.separator{ border-top:1px solid #636262; border-bottom:1px solid #7F7E7E; height:0; margin:0.8em 0 }

/*********************************************************************/
/* PAGE
/*********************************************************************/

#content{ font-size:12px; width:68%; margin-right:4% }
.full-width #content, .projet #content{ width:100%; margin:0 }
.sidebar-content #content{ margin-left:4%; margin-right:0 }

/* portfolio */

.projet .left-content .wrap-content{ width:68%; margin-left:4%; float:left }
.projet .right-content .wrap-content{ width:68%; margin-right:4%; float:left }
.projet #content{ margin:0 }

h2.discute{ margin-left:-15px; font-size:1.1em; color:#eee; background: url(img/discute.png) no-repeat left center; position:absolute; height:30px; left:-5px; letter-spacing:-0.03em; margin-left:-15px; padding:10px 0 0 10px; position:absolute; top:0; width:180px }

.most-discussed h2{ margin-bottom:1em; padding:4px 8px; background:#666; color:#fff; display:inline; -moz-border-radius-topright:0.5em; -moz-border-radius-bottomright:0.5em; -moz-box-shadow:2px 2px 1em #fff; font-size:12px }
.most-discussed{ background: url(img/back_top.png) no-repeat; width:630px; height:182px; margin-left:-20px; padding:3px 0; margin-bottom:2em }

.most-discussed .icone a{ display:block; width:150px; height:150px; background-position:center center; text-indent:-9999px }
.most-discussed .icone{ border:1px solid #999; padding:0 }
.most-discussed .icone .titre{ display:none; position:absolute; bottom:0; left:0; right:0; background: url(img/back_titre.png) repeat; padding:5px; color:#eee }
.most-discussed .icone .date img{ display:inline; vertical-align:middle }
.most-discussed .icone:hover .titre{ display:block }
.most-discussed .icone .date{ padding: 0; line-height:26px; background: url(img/infos_most.png) no-repeat; width:auto }
.most-discussed .icone .date p{ width:60px }
.most-discussed .projets{ width:600px; position:absolute; overflow:hidden; height:180px }
.most-discussed .projets li{ margin:0 1.5em; height:154px; float:left; padding:12px 0 }

.pastille{background: url(img/images.png) no-repeat -198px -24px; width:24px; height:24px; position:absolute; right:-6px; top:-8px; color:#fff; text-align:center; font-size:11px; line-height: 22px; font-weight:bold; cursor:pointer}

.pastille-orange{background: url(img/images.png) -198px 0px }
.pastille-vert{background: url(img/images.png) -198px -48px }
.pastille-bleu{background: url(img/images.png) -198px -72px }


/**** BOXES ****/

/*.boxes .block{  }
.boxes .container{ padding:0 1em }
.boxes .two-third{ width:66.6%; float:left }
.boxes .one-third{ width:33.4%; float:left }
.boxes .full{ width:100% }
.boxes .half{ width:48%; float:left; margin-right:4% }
.boxes .half.last{ margin:0 }

.boxes .one-third .wrap-inner{ padding: 15px 20px }

.boxes .separator{ padding-bottom:2em; margin-bottom:1em; margin-top:0; border:none; background: url("img/separator.png") repeat-x bottom left }

.boxes .wrap-inner .head{ overflow:hidden; margin-bottom:0.4em }
.boxes .head .icon{ float:left; margin-right:15px }
.boxes .head .title{ float:left }
.boxes .head .title h2{ font-size:2.6em; border:none; margin:0; padding:0; margin-top:10px; text-shadow:2px 2px #e5e5e5 }*/

/** tuts **/

/*.boxes .tuts h2{ margin:0 0 0.5em 0; text-shadow: none; font-size: 1.2em; padding-bottom: 0.5em; border-bottom: 1px solid #eee }
.boxes .tuts h3{ font-size: 1em; font-family: Arial; text-shadow: none; margin: 0.8em 0 }
.boxes .tuts ul{ margin:0 }
.boxes .tuts li{ position:relative; background:none; padding:0; border-bottom:1px dotted #ddd;padding:0.6em 0 }
.boxes .tuts li:last-child, .boxes .tuts li.featured{ border-bottom:none }
.boxes .tuts li.even{ background:#f5f5f5 }
.boxes .tuts li .date{ left:-38px; top:-5px }
.boxes .tuts li a.thumb img{ display:block; width:245px; height:auto }
.boxes .tuts li.featured a.thumb{ border: 1px solid #aaa; display: inline-block }
.boxes .tuts li.featured a.thumb:hover{ border: 1px solid #444 }
.boxes .tuts li h3{ margin:0; border:none; padding:0 }
.boxes .tuts li.featured h3{  font-size:16px; margin-left:1.4em; margin-bottom:1em }
.boxes .tuts li.featured .image{ text-align:center }
.boxes .tuts li a{ color:#666 }
.boxes .tuts li a:hover{ color:#444 }
.boxes .tuts .right{ margin-top:0.5em }
.boxes .tuts .link{ margin-bottom:1em }*/

/** tips **/

/*.boxes .tips h2{ margin:0 0 0.5em 0; text-shadow: none; font-size: 1.2em; padding-bottom: 0.5em; border-bottom: 1px solid #eee }
.boxes .tips ul{ margin:0; padding:0 }
.boxes .tips .wrap-inner{ padding:15px 20px }
.boxes .tips h3{ font-size: 1em; font-family: Arial; text-shadow: none; margin: 0; border:none; padding-bottom:0 }
.boxes .tips li{ position:relative; background:none; padding:0; border-bottom:1px dotted #ddd;padding:0.6em 0 }
.boxes .tips li a{ color:#666 }
.boxes .tips li a:hover{ color:#444 }
.boxes .tips .right{ margin-top:1em }
.boxes .tips li.even{ background:#f5f5f5 }*/

/** posts **/

/*.boxes .posts-list{ position:relative; margin:0 1em }
.boxes .posts-list .inner{ padding:15px; height:220px; width:595px }
.boxes .kwicks{ height: 200px; overflow: hidden; position:relative; margin:0 }
.boxes .kwicks li{ height:200px; float:left; overflow:hidden; width:165px; color:#666; margin:0; padding:0; background:none; border-right:5px solid #afc937; opacity:0.4; overflow:hidden }
.boxes .kwicks li .image{ margin-right:15px; float:left }
.boxes .kwicks li .text{ display:none; float:left; width:430px }
.boxes .kwicks li h3{ margin:0 0 0.5em 0; font-size:2em;  color:#afc937 }
.boxes .kwicks li .desc{ margin-bottom:1em }
.boxes .kwicks li.active{ opacity:1 }
.boxes .kwicks li.active .text{ display:block }*/

/**** AREAS ****/

.area{ display:block; float: left; margin-right:4%; /*margin-bottom:4%*/ }
.area .inner{  }

.one-fourth{ width:22% }
.one-third{ width:30.66% }
.one-half{ width:48% }

.two-third{ width:65.34% }
.three-fourth{ width:74% }

.full{ width:100% }

.area.last{ margin-right:0 }

.mod_separator{ margin:2em 0; border:none; background: url("img/separator.png") repeat-x bottom left; height:11px }

.entry .area h2{ margin-top:0 }

/** Featured **/

.featured_slider{ margin-bottom:2em }
.featured_slider .jDiaporama{ border:1px solid #ddd; border-radius: 0.5em; -webkit-border-radius:0.5em; -moz-border-radius:0.5em }

.featured-article .content{ background: #F1F9C7; border: 1px solid #D7E09F; border-radius: 1em; -webkit-border-radius:1em; -moz-border-radius:1em; -moz-box-shadow:0 0 2em #D9EA79 inset; -webkit-box-shadow:0 0 2em #D9EA79 inset; box-shadow: 0 0 2em #D9EA79 inset; padding: 20px }
.entry .featured-article .content .excerpt{ width:346px; color:#67702B }
.entry .featured-article .content figure{ -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow: none; border:1px solid #D7E09F }

.entry .get_articles h2{ margin-bottom:1em; color:#F6A526 }
.get_articles.boxes{ color:#666 }
.get_articles.boxes li{ padding:0; background:none; height:170px }
.get_articles.boxes h3{ margin:0 0 1em 0; font-size:14px }
.get_articles.boxes ul{ margin:0; overflow:hidden }
.get_articles.boxes .inner{ border-right:1px dotted #ccc; padding-right:5% }
.get_articles.boxes .last .inner{ padding:0; border:none }
.get_articles.boxes .picture{ display:none; position:absolute }
.entry .content .get_articles.boxes .next{ margin-top:0 }

/** Flickr pics **/

.entry .flickr_pics h2{ color:#0063DC }
.entry .flickr_pics h2:first-letter{ color:#FE63BB }
.entry .flickr_pics ul{ margin:0 }
.entry .flickr_pics li{ background:none; margin:5px; padding:0; float:left }
.entry .content .flickr_pics .right{ margin-right:10px }
.entry .content .flickr_pics a{ color:#0063DC }
.entry .content .flickr_pics a:hover{ color:#0063DC; text-decoration:underline }

/** Tweeter posts **/

.entry .twitter-posts h2, .entry .featured-article h2{ color:#777 }
.entry .twitter-posts ul{ margin:0; padding:15px; background:#eee; border-radius: 1em; -webkit-border-radius:1em; -moz-border-radius:1em }
.entry .twitter-posts li{ background:none; padding:0; color:#777; padding:0.6em 0; border-bottom:1px solid #e2e2e2; border-top:1px solid #f6f6f6 }
.entry .twitter-posts li:first-child{ border-top:none; padding-top:0 }
.entry .twitter-posts li:last-child{ border-bottom:none; padding-bottom:0 }
.entry .twitter-posts .right{ line-height:24px; margin-top:0.5em }
.entry .twitter-posts .right span{ background:url(img/sprite_icons.png) no-repeat -24px -16px; height:24px; width:24px; display:inline-block; vertical-align:middle; margin-right:5px }
.entry .content .twitter-posts a{ color:#0084B4 }
.entry .content .twitter-posts a:hover{ color:#0084B4; text-decoration:underline }
.entry .content .twitter-posts .twitter_down{ background:url(img/twitter_down.jpg) no-repeat; height:52px; padding-left:60px; line-height:70px; color:#0084B4 }

/*********************************************************************/
/* ENTRY
/*********************************************************************/


.entry .head{ position: relative; padding-left: 10px; margin-bottom: 2em }
.page .head{ padding-left:0 }
.post-quote .head{ margin-bottom: 0 }
.search .entry .head{ border-bottom:none }
.nothing .searchBtn{ background-color:#afc937; vertical-align:middle }
.nothing .searchForm{ background:#F9FFDF; padding:10px; border:1px solid #DAEF77; margin-bottom:2em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em }
.nothing .searchForm p{	padding:0; margin:0 }

.entry .date{ position: absolute; left:-58px; top:-10px; border-radius: 0.5em; -webkit-border-radius:0.5em; display: inline-block; font: 14px/100% Arial,Helvetica,sans-serif; margin: 0 2px; text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); background: url(img/bg_date.png) no-repeat; color: #fefefe; padding:12px 10px 0; height:40px; width:32px }
  
.date.blue{ background: -moz-linear-gradient(center top , #78CBEA, #5EB2D1) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#78CBEA), to(#5EB2D1)) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78CBEA', endColorstr='#5EB2D1'); border: 1px solid #78CBEA; }

.entry .content img{ max-width:100% }
.gallery-caption{  }

.bypostauthor{}

/*********************************************************************/
/* POST FORMATS
/*********************************************************************/

/* image */

.post-image .post-images ul{ margin:0; padding:0 }
.post-image .post-images li{ list-style:none; background:none; padding:0 }
.post-image .post-images li img{ width:100%; display:block }

.post-images .jDiaporama{ margin: 0 -1px -10px -1px; border:1px solid rgba(0, 0, 0, 0.35) }
.post-images .jDiaporama_wrapper{ margin:0 }
.post-images .jDiaporama_slider{ box-shadow:none }

/* quote */

.post-quote .quote { background: #AFC937; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-left-right-radius: 5px; -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(0, 0, 0, 0.35); box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(0, 0, 0, 0.35); margin-bottom: -10px; padding: 20px 40px 20px 45px; position: relative; color:#fff; text-shadow:1px 1px #79891E; line-height:1.3em; font-family:Georgia; font-style:italic; font-size:18px }
.post-quote .quote span.open{ font-size: 50px; left: 14px; position: absolute; top: 28px }
.post-quote .quote span.close{ font-size: 25px }

	
/*********************************************************************/
/* PAGINATION
/*********************************************************************/

.navigation{ margin:0 0 2em; overflow: hidden; background: url("img/separator.png") repeat-y center top }
.navigation .alignleft{ text-align:right; width:45% }
.navigation .alignright{ text-align:left; width:45% }
.navigation span{ text-shadow:1px 1px #777; font-size:14px; line-height:1.5em }

#pagination ul { padding:0; margin:0; overflow:hidden; float:right }
#pagination ul li { margin:0; padding:0; margin-right:3px; display:block; float:left; }
#pagination ul li a{ display:block; line-height:12px; padding:8px 18px; color:#afc937; border-radius:0.2em; -moz-border-radius:0.2em; -webkit-border-radius:0.2em; text-shadow:1px 1px #444; box-shadow:0 0 0.3em #555 inset; -moz-box-shadow:0 0 0.3em #555 inset; -webkit-box-shadow:0 0 0.3em #555 inset; color:#ccc; background:#6a6a6a }
#pagination ul li a:hover{ color:#afc937 }
#pagination ul li.current a { background:#afc937; border-color:#afc937; color:#fff; box-shadow:0 0 0.4em #47510C inset; -moz-box-shadow:0 0 0.4em #47510C inset; -webkit-box-shadow:0 0 0.4em #47510C inset }

.post-type-projet #pagination ul li.current a{ background:#5EB2D1; box-shadow:0 0 0.4em #134C60 inset; -moz-box-shadow:0 0 0.4em #134C60 inset; -webkit-box-shadow:0 0 0.4em #134C60 inset }
.post-type-projet #pagination ul li a:hover{ color:#5EB2D1 }
.post-type-projet #pagination ul li.current a:hover{ color:#fff }

/* Header Entry
/*********************************************************************/
	
.entry .date p{ width:55px; text-align:center }

.head .comments{ background: url(img/images.png) no-repeat -16px 0; width: 24px; height: 22px; position: absolute; right: 0; top:0; text-align: center; font-family: Georgia; font-size: 11px }
.head .comments a{ text-decoration: none; color: inherit }
.head h1{ margin-bottom: 3px; font-size:1.5em }
.article .head h1{ padding-right:40px }
.head h1 a{ color:#464646; text-decoration: none }
.head h1 a:hover{ text-decoration: underline }
.head .publish{ font-size:0.9em; color:#727171 }
.head .publish a{ color: #afc937; font-weight: bold }
.projet .head .publish a{ color: #5EB2D1 }
.head .publish a:hover{ text-decoration:underline }

.entry{ margin-bottom:2em;  }
.entry .wrap-inner{ box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(0, 0, 0, 0.35); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  background:#fff; padding:25px 40px }
.sticky .wrap-inner{ box-shadow: 0 0 0 4px rgba(175, 201, 55, 0.7) inset, 0 0 0 1px rgba(175, 201, 55, 0.35) }
.search{ margin-top:2em }
.entry .content{ font-size: 12px; margin-top: 10px; overflow: hidden }
.post-quote .content{ margin-left: 10px; margin-top: 0 }

.entry .content .logo{ float:left; margin-right:15px; border:1px solid #ddd; -moz-box-shadow:0 0 0.5em #ddd; -webkit-box-shadow:0 0 0.5em #ddd; box-shadow:0 0 0.5em #ddd; position:relative }
.entry .content .logo img{ display:block }
.entry .content .logo .poll{ position:absolute; right:10px; bottom:10px; background:url(img/images.png) no-repeat -518px 0; width:32px; height:32px }
.entry .content .logo .facebook{ position:absolute; right:10px; bottom:10px; background:url(img/images.png) no-repeat -628px -2px; width:32px; height:32px }
.entry .content .logo .link{ position:absolute; right:10px; bottom:10px; background:url(img/link.png) no-repeat; width:32px; height:32px }

.entry .head .likes{ margin-top: 1em }
.entry .head .jaime{ height:25px; /*position:absolute; right:50px; width:60px;*/ overflow:hidden; display:inline-block }
.entry .head .plusone{ height:25px; display:inline-block; vertical-align: top; width:35px }
.entry .content .excerpt{ float:left; width:385px }
.entry .content .next, .projet .next{ text-align:right; margin-top:2em }

.post-shadow{ height:10px }
.post-shadow img{ width:100%; display:block }

.projet .next{ margin-right: 25px }

.excerpt .syntaxhighlighter.syntaxe { width:385px !important }

.entry .update{ -moz-box-shadow:0 0 1em #999999; -webkit-box-shadow:0 0 1em #999999; box-shadow:0 0 1em #999999; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em; border:2px solid #DDDDDD; font-weight:bold; margin:30px 0; padding:10px }
.entry .content p{ margin-bottom: 1em; line-height: 1.5em }
.wp-caption{ padding:10px; margin-bottom: 10px }
.wp-caption-text{ text-align: center; padding: 3px }

/** Entry short **/

.short{  }
.short .wrap-inner{ padding:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; padding:10px; background:#f2f2f2 }
.short .head{ padding:0; margin-bottom:1em }
.short .head h2{ font-size:1.5em; margin-top:0 }
.short .head h2 a{ color:#464646 }
.short .content .excerpt{ width:365px }
.short .separator{ border-top:1px solid #e7e7e7; border-bottom:1px solid #fcfcfc }


/*** Display ***/

.posts .display-icons{ width:150px; height:150px; margin:0 0.65em 2em 0; position:relative; border:1px solid #444 }
.posts .display-icons .icons_date{ position:absolute; bottom:0; color:#eee; background:rgba(0,0,0,0.65); padding:5px; right:0; left:0 }
.posts .display-icons:nth-child(4n){ margin-right:0 }
.posts .display-icons figure a, .posts .display-icons figure img{ display:block }
.posts .display-icons .no-image{ display:block; height:110px; width:110px; font-size:18px; text-align:center; background:#aaa; padding:20px; text-shadow:1px 1px #ccc }

.posts .display-twocolumns{ margin-right:4% }
.posts .display-twocolumns:nth-child(2n){ margin-right:0 }
.posts .display-twocolumns .wrap-inner{ height:19em }
.posts .display-twocolumns .content .excerpt { width:auto }
.posts .display-twocolumns .quote{ height:13.3em; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:0 }
.posts .display-twocolumns footer{ margin-top:0.5em }


/*********************************************************************/
/* PINTEREST
/*********************************************************************/

.template-pinterest .posts{ position:relative }
.template-pinterest .posts ul{ overflow:hidden; margin:0; padding:0 }
.template-pinterest .posts li{ width:250px }
.template-pinterest .posts .entry{ margin:0 }
.template-pinterest .wrap-inner{ padding:10px; border-radius:0.2em }
.template-pinterest .entry .head{ margin-bottom:10px }
.template-pinterest .content .logo{ float:none; margin:0 0 10px 0 }


/* Entry share / tags
/*********************************************************************/

.entry footer{ margin-top:2em }
.post-quote footer{ margin-top:0 }
.entry .share{ margin:1em 0 }

.entry .share ul{ margin:0; overflow:hidden /*-moz-box-shadow: 0 0 0.5em #ddd; -webkit-box-shadow: 0 0 0.5em #ddd; box-shadow: 0 0 0.5em #ddd;background: none repeat scroll 0 0 #eee; border: 1px solid #ccc; margin: 0; overflow: auto; padding: 10px */ }
.entry .share li{ float:left; list-style:none; margin-right:-2px; padding:0; background:none }
.entry .share a{ width:24px; height:24px; display: block; vertical-align: text-top }
.entry .share .facebook{ background: url(img/sprite_icons.png) no-repeat -48px -16px;  }
.entry .share .twitter{ background: url(img/sprite_icons.png) no-repeat -72px -16px;  }

.entry .tags p{ background:url(img/tags.png) no-repeat left center; padding-left:25px }
.entry .tags a{ color:#93AC1B; font-size: 12px; font-size: 12px; margin-right: 5px; font-style:italic }
.entry .tags a:hover{ color:#464646 }

.entry footer .time{ background:url(img/small-icons.png) no-repeat -27px 0; width: 14px; height: 16px; display: block; float:left; margin-right: 4px }
.entry footer .item{ font-size:11px; color:#888; line-height: 16px; float:left; margin-right: 8px }
.entry footer a{ color:#888; }
.entry footer a:hover{ color:#555; }

.entry footer .comments{ background:url(img/small-icons.png) no-repeat 0 0; width: 13px; height: 16px; display: block; float:left; margin-right: 4px }

.entry footer .edit{ background:url(img/small-icons.png) no-repeat -41px 0; width: 16px; height: 16px; display: block; float:left; margin-right: 4px }

.entry footer .like{ background:url(img/small-icons.png) no-repeat -56px 0; width: 16px; height: 16px; display: block; float:left; margin-right: 4px; -moz-transition: all 0.2s ease-out 0.1s; -webkit-transition: all 0.2s ease-out 0.1s; -o-transition: all 0.2s ease-out 0.1s }
.entry footer .post-like a:hover .like{ background:url(img/small-icons.png) no-repeat -72px 0; width: 16px; height: 16px; display: block; float:left; margin-right: 4px }
.entry footer .voted .like, .entry footer .post-like .alreadyvoted{ background:url(img/small-icons.png) no-repeat -88px 0; width: 16px; height: 16px; display: block; float:left; margin-right: 4px }

.entry footer .tags{ background:url(img/small-icons.png) no-repeat -13px 0; width: 14px; height: 16px; display: block; float:left; margin-right: 4px }

.entry footer .floatright{ float: right }

.entry ul, .entry ol{ margin-left: 2em; line-height: 1.2em; margin-bottom: 1em }
.entry .nobullet li{ list-style:none }
.entry li{ background: url(img/puce.png) no-repeat left 0.1em; padding-left:20px; line-height:1.5em }



/* Entry content
/*********************************************************************/

.entry .content a{ color: #93AC1B }
.entry .content a:hover{ text-decoration: underline; color: #afc937 }

.entry .content .more-link{ color:#464646; font-weight: bold; display:block; background:url(img/plus.png) no-repeat; padding-left:25px; margin:2em 0; text-shadow:1px 1px #ddd }
.entry .content .more-link:hover{ text-shadow:none }

.syntaxhighlighter.syntaxe{ -webkit-box-shadow:0 0 1em #CCCCCC; padding:10px !important; *border:1px solid #ccc !important; -moz-box-shadow: 0 0 1em #CCCCCC; -webkit-box-shadow: 0 0 1em #CCCCCC; box-shadow: 0 0 1em #CCCCCC; margin: 2em 0 !important; padding: 10px !important; width: 570px !important }
.syntaxhighlighter { padding:10px !important; width:95% !important }
#content .syntaxhighlighter .line.alt1 { background-color:#f9f9f9 !important }

.entry h2{ color:#93AC1B; font-size:24px; margin:1.5em 0 0.6em }
.entry .related h2, .entry .share h2{ border:none; color:#555; margin-bottom:1em; text-shadow:1px 1px #D1EA60 }

.related{ background: #C4DC5A; border: 1px solid #A8BC4F; box-shadow:0 0 1em #A8BC4F inset; -moz-box-shadow:0 0 1em #A8BC4F inset; -webkit-box-shadow:0 0 1em #A8BC4F inset; border-radius:1em; -moz-border-radius:1em; -webkit-border-radius:1em; border-bottom: 1px solid #aaa; margin: 2em -15px; padding: 5px 15px }
.related ul{ margin-left:0; overflow:hidden; border-top:1px solid #D1EA60; padding-top:1em }
.entry .related h2{ margin-top:0.5em; border-bottom:1px solid #B7CE52; margin-bottom:0; padding-bottom:0.5em; f }
.related li{ margin-bottom:0.5em; background:none; padding:0; width:50%; float:left }
.related .icone{ margin-right:10px; background:#fff; min-height:75px }
.related .txt{ width:180px }

.entry h3{ font-size: 18px; margin: 1em 0 0.5em; color: #666 }
.entry h4{ color:#777; font-size:15px; margin:1em 0 0.5em; font-weight:bold }
.entry h5{ color:#777; font-size:13px; margin:1em 0 0.5em }

.btns_action{ text-align: center }
.nothing p{ margin-bottom:1em }

.e404 big{ font-size:80px; font-weight:bold }

.buy_beer input{ border:none; vertical-align:middle }

/** Link post format **/

.link_screenshot{ margin-bottom:2em }
.link_screenshot a{ display:block; border:5px solid #afc937; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; }
.link_screenshot img{ display:block }

.entry .attachment{ text-align:center }
.entry .attachment img{ display:block }
.entry .attachment a{ display:inline-block }
.entry .attachment a{ border:5px solid #666 }

/* CV Page
/*********************************************************************/

.entry .content .linkedin{ color:#006699; font-weight:bold; padding-top:2px }
.entry .content .pdf{ background:url(img/pdf.png) no-repeat right center; padding-right:20px; font-weight:bold }
.cv li{ background:url(img/puce.png) no-repeat left 0.3em transparent; padding:5px 0 5px 20px; list-style:none }
.cv li span{ color:#AFC937; font-weight:bold; display:block; margin-bottom:3px }
.cv li ul{ margin:0 }
.cv li li{ display:inline; background:url(img/arrow_dot.png) no-repeat left 0.3em transparent }
.cv li small{ color:#888888; font-size:10px; margin-top:4px }


/* Contact page
/*********************************************************************/

.contact_form input, .contact_form textarea{ -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; border:1px solid #afc937; padding:3px; font-size:12px; font-family:Arial; -moz-box-shadow:0 0 1em #eee; -webkit-box-shadow:0 0 1em #eee; box-shadow:0 0 1em #eee }
.entry .content .intro_contact{ margin-bottom:2em; background:#eee; padding:10px; -moz-box-shadow:0 0 0.7em #aaa; -webkit-box-shadow:0 0 0.7em #aaa; box-shadow:0 0 0.7em #aaa; border:1px solid #bbb }
.contact_form textarea{ width:80% }
.contact_form input:focus, .contact_form textarea:focus{ border:1px solid #ccc }
.contact_form .your-name input{	width:200px }
.contact_form span.wpcf7-not-valid-tip { background:none; border:none !important; font-size:12px !important; left:0 !important; padding:0 !important; position:static !important; top:0 !important; width:auto !important; z-index:100; margin-left:15px; color:#F6A526 }
div.wpcf7-validation-errors { border:none !important; color:#F6A526 }
div.wpcf7-response-output { margin:1.5em 0 !important; padding:0 !important }
div.wpcf7-mail-sent-ok { border:none !important; color:#93AC1B }

.contact-form label.field-name{ display:block; margin-bottom: 0.5em }
.contact-form .input-text{ -moz-border-radius:0.4em; border:1px solid #ddd; padding:5px; background:-moz-linear-gradient(center top , #ccc 0%, #eee 5px) repeat scroll 0 0 transparent; color:#333; f; font-size:12px; width:200px; -moz-transition: all 0.2s ease-out 0.1s; -webkit-transition: all 0.2s ease-out 0.1s; -o-transition: all 0.2s ease-out 0.1s }
.contact-form textarea.input-text{ width:auto }
.contact-form .input-text:focus{ -moz-box-shadow:0 0 0.5em #AFC937; -webkit-box-shadow:0 0 0.5em #AFC937; box-shadow:0 0 0.5em #AFC937; border:1px solid #fefefe; background:#fff; width:300px; -moz-transition: all 0.2s ease-out 0.1s; -webkit-transition: all 0.2s ease-out 0.1s; -o-transition: all 0.2s ease-out 0.1s  }
.contact-form textarea.input-text:focus{ width:auto }
.contact-form .input-text::-webkit-input-placeholder  { color: #a1b2c3; text-shadow: 0px -1px 0px #38506b }

.contact-form .input-text:-moz-placeholder { color: #aaa; text-shadow: 0px -1px 0px #fff }
.contact-form input.error{ border:1px solid #FF8B89 }
.contact-form label.error{ display:block; margin-top:5px; color:#aaa; border:none }


/* Entry comments
/*********************************************************************/

#comments{ margin:2em -40px 1em -40px; background:url(img/hdots.gif) repeat-x center center; text-align:center; border:none }
#comments span{ background:#fff; padding:0 10px }
.entry .commentlist{ font-size:12px; margin: 0 }
.commentlist li{ margin-bottom:2em; overflow:hidden; padding: 0; background: none }
.comment-author{ margin-bottom:3px }
.commentlist .comment-author{ clear:both }
.commentlist li a{ color:#93AC1B }
.commentlist p{ line-height: 1.2em; margin-bottom:1em }
.commentmetadata{ font-size:10px }
.commentlist li .commentmetadata a{ color:#999 }
.comment-body{ padding:10px }
.comment .vcard{ float:left; width:100px; margin-right:20px; line-height: 1em }
.comment .comment_text{ float:left; width:400px; border:1px solid #ddd; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:15px; position:relative; min-height:110px; background:#fafafa }
.comment .post_author{ box-shadow: 0 0 1em #D1E864 inset; -moz-box-shadow: 0 0 1em #D1E864 inset; -webkit-box-shadow: 0 0 1em #D1E864 inset; border:1px solid #afc937 }

.depth-1 .form{ width:400px }
.depth-2 .comment_text, .depth-2 .form{ width:364px }
.depth-3 .comment_text, .depth-3 .form{ width:328px }
.depth-4 .comment_text, .depth-4 .form{ width:292px }

.comment .comment_text .arrow, .comment-respond .arrow{ background:url(img/comment-arrow.gif) no-repeat;  position:absolute; top:20px; left:-21px; width:20px; height:40px; border-right:1px solid #fafafa; z-index: 50 }
.comment-respond .arrow{ left: -20px }
.comment .post_author .arrow{ background:url(img/comment-arrow-author.gif) no-repeat; border-right:1px solid #EAF3BE }

.comment .vcard img{ padding:4px; -moz-border-radius:4em; -webkit-border-radius:4em; border-radius:4em; margin-bottom:1em; background:#fff; border:1px solid #ccc }
.comment .vcard cite{ margin-bottom:0.5em; display:block; font-style:normal }
.comment .vcard cite a{ font-style:normal }
.comment .reply{ position: absolute; bottom: 0; right: 0 }
.comment .reply a{ display: block; padding: 4px; color: #777; border-left: 1px solid #ccc; border-top: 1px solid #ccc; background: #eee; -moz-border-radius-topleft: 0.3em; -webkit-border-radius-topleft: 0.3em; border-radius-topleft: 0.3em }
.comment .reply a:hover{ color: #444 }

#respond{ margin-left: 2em; margin-top: 1em }
#respond h3{ color:#93AC1B; font-size:1.3em; margin:0.3em 0; padding:4px 4px 4px 0; text-shadow:1px 1px #EEEEEE; f }
#respond .input-text, #respond textarea, #verif input{ border:1px solid #ddd; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:5px; position:relative; background:#fafafa; font-size:12px; font-family:Arial }
#respond textarea{ padding: 15px }
input::-webkit-input-placeholder, input:-moz-placeholder { color:#999 }


.comment-respond{ position: relative }
#respond .form{ float:left }
.form{ width:400px }
#respond textarea{ width:93% }

#respond #author{ background:#fafafa; padding-left:28px }
#respond #email{ background:#fafafa; padding-left:28px }
#respond #url{ background:#fafafa; padding-left:28px }

#respond p{ position:relative }
#respond p .icon{ width:16px; height:16px; position:absolute; left:8px; top:6px;  z-index:5 }
#respond .author .icon{ background:url(img/sprite_icons.png) no-repeat -160px 0 }
#respond .email .icon{ background:url(img/sprite_icons.png) no-repeat -64px 0 }
#respond .url .icon{ background:url(img/sprite_icons.png) no-repeat -176px 0 }

.comments-pagination{ clear:both; padding:20px 0; position:relative; line-height:13px; margin:0 15px; text-align:center }
.comments-pagination a{ margin: 2px 2px 2px 0; padding:4px 7px 3px 7px; text-decoration:none; width:auto; background: #afc937; color:#fff; border:1px solid #fff; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; font-weight:bold; border-radius:0.3em }
.comments-pagination a:hover{ color:#afc937; background: #f5f5f5; border:1px solid #afc937 }
.comments-pagination .current{ padding:4px 7px 3px 7px; color:#afc937; background: #f5f5f5; border:1px solid #afc937; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em }

/* Réponse à un comment */
.comment form{ padding-bottom:1em }
.comment .children{ margin-left:2em; margin-top:1em }
.comment .children li{ margin-left:1em }
.reply{ margin-left:4em }

#respond p{ margin-bottom:0.5em }
#respond label{ margin-left:5px }


/* Google related articles
/*********************************************************************/

.google_related_posts{ position:relative; padding:15px; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; background:#eee; border:2px solid #bbb; box-shadow:0 0 1em #aaa inset; -moz-box-shadow:0 0 1em #aaa inset; -webkit-box-shadow:0 0 1em #aaa inset; overflow:hidden; margin-bottom:2em }
.google_related_posts .head .icon{ width:32px; height:32px; background: url(img/sprite_icons.png) no-repeat -160px -40px; float:left; margin-right:10px }
.google_related_posts .separator{ border-top:1px solid #ddd; border-bottom:1px solid #fff }
.google_related_posts .close{ position:absolute; top:10px; right:10px; background: url(img/sprite_icons.png) no-repeat -120px -16px; height:24px; width:24px; text-indent:-9999px; opacity:0.4; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.google_related_posts .close:hover{ opacity:1 }
.google_related_posts h3{ color:#154799; line-height:1.3em; padding-right:40px }
.google_related_posts ul{ margin:0; padding:0; overflow:hidden }
.google_related_posts li{ float:left; list-style:none; margin-right:8px }
.google_related_posts li a{ border:1px solid #ccc; display:block }
.google_related_posts li a img{ display:block }


/* Tabs
/*********************************************************************/

.tabs_container{ margin-bottom:1.5em }
.tabs_container ul{ overflow:hidden; margin:0; padding:0 }
.entry .content .tabs_container li a{ display:block; padding:5px 8px; border:1px solid #afc937; background:#ECF7B4; background-image: -webkit-linear-gradient(bottom, #D3E876 0%, #ECF7B4 26%, #FFFFD8 100%); background-image: linear-gradient(bottom, #D3E876 0%, #ECF7B4 26%, #FFFFD8 100%); background-image: -o-linear-gradient(bottom, #D3E876 0%, #ECF7B4 26%, #FFFFD8 100%); background-image:-moz-linear-gradient(bottom, #D3E876 0%, #ECF7B4 26%, #FFFFD8 100%); color:#9AA841; text-decoration:none; text-shadow:1px 1px #fff; -webkit-border-top-left-radius: 0.3em; -moz-border-radius-topleft: 0.3em; border-top-left-radius:0.3em; -webkit-border-top-right-radius: 0.3em; -moz-border-radius-topright: 0.3em; border-top-right-radius:0.3em; box-shadow:0px 1px 1px #fff inset; -moz-box-shadow:0px 1px 1px #fff inset; -webkit-box-shadow:0px 1px 1px #fff inset }
.tabs_container li{ float:left; background:none; padding:0; margin-right:5px }
.entry .content .tabs_container li.active a{ border-bottom:1px solid #FFFFE7; background:#FFFFE7; color:#798C19 }
.tabs_container .tabs_content{ margin-top:-1px; border:1px solid #afc937; padding:15px; background:#FFFFE7; background-image:-moz-linear-gradient(bottom, #F2F2B8 0%, #FFFFE7 9%, #FFFFE7 100%); background-image:-moz-linear-gradient(bottom, #F2F2B8 0%, #FFFFE7 9%, #FFFFE7 100%); background-image: linear-gradient(bottom, #F2F2B8 0%, #FFFFE7 9%, #FFFFE7 100%); background-image: -o-linear-gradient(bottom, #F2F2B8 0%, #FFFFE7 9%, #FFFFE7 100%); }
.tabs_container .tabs_content .tab{ display:none; line-height:1.5em }
.tabs_container .tabs_content .tab:first-child{ display:block }


/* Toggle
/*********************************************************************/

.toggle_container{ position:relative }
.toggle_container .icon{ position:absolute; background:url(img/sprite_icons.png) no-repeat -320px 0px; width:16px; height:16px; right:5px; top:6px; cursor:pointer; }
.toggle_container.down .icon{ background:url(img/sprite_icons.png) no-repeat -336px 0px; }
.toggle_container .title{ cursor:pointer; display:block; padding:7px 12px; border:1px solid #afc937; background:#ECF7B4; background-image: -webkit-linear-gradient(bottom, #D3E876 0%, #ECF7B4 26%, #FFFFD8 100%); background-image: linear-gradient(bottom, #D3E876 0%, #ECF7B4 26%, #FFFFD8 100%); background-image: -o-linear-gradient(bottom, #D3E876 0%, #ECF7B4 26%, #FFFFD8 100%); background-image:-moz-linear-gradient(bottom, #D3E876 0%, #ECF7B4 26%, #FFFFD8 100%); color:#798C19; text-decoration:none; text-shadow:1px 1px #fff; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius:0.3em;box-shadow:0px 1px 1px #fff inset; -moz-box-shadow:0px 1px 1px #fff inset; -webkit-box-shadow:0px 1px 1px #fff inset }
.toggle_container.down .title{ background:#ECF7B4; border-bottom:none; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius:0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius:0; }
.toggle_container .content{ line-height:1.5em; display:none; margin:0; padding:10px; border:1px solid #afc937; background:#ECF7B4 }
.toggle_container.down .content{ border-top:none }

/*********************************************************************/
/* LOGIN
/*********************************************************************/

#verif{ width:250px; border:1px solid #ccc; -moz-box-shadow:0 0 1em #ddd; -webkit-box-shadow:0 0 1em #ddd; box-shadow:0 0 1em #ddd; margin:3em auto; padding:10px }
#verif td{ padding:5px }



/*********************************************************************/
/* PROJETS
/*********************************************************************/

#proj_slider{ margin-bottom: 50px }

.icone{ padding:4px; border:1px solid #aaa; -moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em; position:relative }
.search .icone{ margin-right:10px }
.icone:hover{ -moz-box-shadow:0 0 0.8em #ccc; -webkit-box-shadow:0 0 0.8em #ccc; box-shadow:0 0 0.8em #ccc; border:1px solid #777 }
.icone .date{ position: absolute; left:-10px; bottom:5px; top:auto; width: 95px; height: 31px; background: url(img/date_projet.png) no-repeat; color: #fff; font-family: Georgia; font-size: 13px; padding:5px 0 0 4px; letter-spacing:-0.03em }

.list{ width:150px }
.icone .date p{ width:80px; text-align:center }
.icone img{ display:block }

.projets li{ float:left; height:180px; margin:1.5em }
.projets li p.title{ margin-top:10px; font-weight:bold; width:130px; text-align:center; margin-left:8px }
.projets_single .tags{ margin-top:2em; line-height:16px; padding:0.5em; border:none; background:#eee; border:1px solid #aaa; color:#777; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; margin-bottom:1em }
.projets_single .tags p{ background:url(img/proj_tag.png) no-repeat left center; padding-left:20px }
.projets_single .tags a{ color:#666; font-size: 12px; font-size: 12px; margin-right: 5px; font-style:normal; font-weight:bold }
.projets_single .tags a:hover{ color:#222 }
#projets_box .projets, #sidebar .widget_myprojects{ overflow:hidden } 
#projets_box .projets li, #sidebar .widget_myprojects li{ float:left; margin:0.5em;	height:auto }
#proj_slider { position:relative; background:url(img/loading.gif) no-repeat 50% 50%; min-height:364px }
.entry .content .project-infos p{ margin:0 }

/** gallery **/

#proj_gallery{ margin:0; padding:0 }
#proj_gallery li{ list-style:none; background:none; padding:0; float:left; margin:6px 15px; position:relative }
#proj_gallery li a{ display:block; border:1px solid #ccc }
#proj_gallery li a img{ display:block }
#proj_gallery li a .zoom{ display:none; position:absolute; left:1px; top:1px; right:1px; bottom:1px; background:rgba(255,255,255,0.75) }
#proj_gallery li a .zoom span{ position:absolute; background:url(img/sprite_icons.png) no-repeat 0 -72px; width:48px; height:48px; left:50%; margin-left:-24px; top:50%; margin-top:-24px; opacity:0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -webkit-opacity:0.5 }
#proj_gallery li a:hover .zoom{ display:block }

.projet #page h2.catname{ font-size:18px; f; text-shadow:1px 1px #eee; margin-bottom:0; text-align:center; background:url(img/dots.png) no-repeat center left; }
.projet #page h2.catname span{ background:#fff; padding:0 10px }
.projet #page h2.catname a{ color:#5EB2D1 }
.projet h3{ margin:0; border:none; padding:0; f; text-shadow:1px 1px #eee; font-size:15px; font-weight:normal; height:30px; }
.projet h3 a{ color:#666 }
.projet h3 a:hover{ color:#5EB2D1 }
.projet ul{ overflow:hidden }

.entry-projet{ float:left; width: 48%; list-style:none; background:none; padding:0 }
.entry-projet.odd{ margin-right:4% }
.entry-projet article{ position:relative; }
.entry-projet .head{ padding: 0; border:none }
.entry-projet figure{ position:relative; margin:0 auto }
.entry-projet figure a{ display: block; color:#fff }
.entry-projet figure img{ display: block }

.entry-projet figure .head{ position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.4); margin:0 }
.entry-projet figure .head h3{ margin:0; padding:0; text-shadow:none;  }
.entry-projet figure .head h3 a{ display:block; padding:8px 12px; text-shadow:1px 1px #666 }
.entry-projet .proj_date{ text-align:right; margin-top:0.6em; text-transform:uppercase; color:#aaa; font-weight:bold; font-size:10px }
.entry-projet .wrap-inner { padding:10px }
.entry-projet .wrap-inner:hover { background:#5EB2D1 }
.entry-projet .wrap-inner:hover .proj_date{ color:#fff }

.entry-projet .p_abs{ position:absolute; width:284px; height:175px; z-index:10 }
.entry-projet .lock{ background:url(img/lock.png) no-repeat center center; background-color: rgba(255,255,255,0.8) }
.entry-projet figure:hover .lock{ background:url(img/unlock.png) no-repeat center center; background-color: rgba(255,255,255,0.4); cursor:pointer }
.entry-projet .zoom{ position:absolute; right:0; top:0; background:rgba(94,178,209, 0.75); color:#fff; text-transform:uppercase; padding:5px; font-size:10px; font-weight:bold }
.entry-projet .zoom:hover{ background:rgba(0,0,0, 0.7) }

.entry-projet .view{ display:none }

.projet .cat_infos h2{ color:#78CBEA; font-size:18px; text-shadow: 1px 1px #eee; margin-bottom:0.5em; background: url("img/dots.png") no-repeat scroll left center transparent }
.projet .cat_infos h2 span{ background:#fff; padding:0 10px }
.projet .cat_infos p{ color:#666; font-size:1em; margin-bottom:0.5em; padding:10px; background:#eee }

.projet #sidebar ul{ margin:0; padding:0 }
.projet #sidebar li{ padding:0; background:none }
.projet #sidebar h2, .projet #sidebar .box .content h2{ margin:0 0 0.5em 0; color:#5EB2D1; border:none;  font-size:1.3em; text-shadow:1px 1px #eee }
.projet #sidebar p{ color:#999 }
.projet #sidebar a{ color:#5EB2D1 }
.projet #sidebar a:hover{ color:#888 }
.projet #sidebar .separator{ display:none }

.projet .projets_single .head{ padding:0 }
.projets_single h2{ color:#5EB2D1 }

/* Related projects */

.related-projects ul{ padding:0; margin:0 }
.related-projects li{ float:left; padding:0; background:none; margin-right:15px; margin-bottom:15px }
.related-projects li.last{ margin-right:0 }
.related-projects li img, .related-projects li a{ display:block; width:166px; height:auto }
.related-projects li .wrap-inner{ padding:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none }
.related-projects li a img{ border:1px solid #ddd }

.related-projects h2{ color:#5EB2D1; margin:0 0 1em 0 }

.latest-projects ul{ margin:0; overflow:hidden }
.latest-projects li{ float:left; padding:0; background:none; margin:7px }
.latest-projects li a, .latest-projects li img{ display:block }
.latest-projects li a{ padding:2px; border:1px solid #ccc; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em }
.latest-projects li a:hover{ border-color:#5EB2D1; background:#5EB2D1 }
.entry .content .latest-projects h2 a{ color:#5EB2D1 }
.entry .content .latest-projects h2 a:hover{ color:#5EB2D1; text-decoration:none }
.latest-projects .right{ margin:0.5em 5px 0 0 }


/*********************************************************************/
/* SIDEBAR RIGHT
/*********************************************************************/

#sidebar{ width: 28%; font-size: 12px }
#sidebar a{ color: #ccc }
#sidebar a:hover{ color: #eee }
#sidebar p{ color: #ccc }
#sidebar .widget, .projet #sidebar .widget{ padding-bottom:2em; margin-bottom:2em; border:none; background: url("img/separator.png") repeat-x bottom left }

.iframe{ text-align:center }
.ads{ overflow:hidden }
.ads li{ float:left; margin:7px }


/* Sidebar boxes
/*********************************************************************/

#sidebar .box{ margin-bottom: 20px }
#sidebar .box .content{ margin:0 }
#sidebar .box .title{ padding:0 }

#sidebar li{ margin-bottom: 0.5em }

#sidebar #cats .title{ border:none; padding:0 }
#sidebar h2{ color: #AFC937; f; font-size: 15px; text-shadow: 1px 1px 0 #555 }
.post-type-projet #sidebar h2{ color:#5EB2D1; }

#cats .title li{ float:left; padding: 0 5px; margin: 0 5px }
#cats .title ul{ overflow:hidden }
#sidebar #cats .content .title li.active, #sidebar #cats .content .title li.active:hover{ border-bottom: 3px solid #ADC830 }
#sidebar #cats .content .title li:hover{ border-bottom: 3px solid #ddd }
#sidebar #cats .content .contenu{ padding: 10px }
#sidebar #content_arch, #sidebar #content_art{ display:none }
#sidebar #scrollmask{ margin:0 }
#sidebar #scrollmask{ width:279px; overflow:hidden; position:relative }
#sidebar #scrollpanels .contenu{ float:left; width:257px }
#sidebar #cats .content .contenu ul{ position: relative }
#sidebar #cats .content .contenu li{ border-bottom: 1px solid #eee }

#sidebar #cats .content .contenu li span{ color: #afc937 }
#sidebar #cats .content .contenu li a{ padding: 5px; display: block }
#sidebar #cats .content .contenu li a:hover{ color: #afc937 }
#sidebar #cats .content .contenu li a:hover span{ display: none }
#sidebar #cats .content .title li h2{ margin: 0; padding: 0; border: 0; padding: 5px 0; text-shadow: 1px 1px #ddd }
#sidebar #cats .content .title li h2 a{ color:#464646 }

#sidebar .wp-polls{ padding:15px; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; background:#FFFFE7; border:2px solid #F7F0B8; box-shadow:0 0 1em #EDE396 inset; -moz-box-shadow:0 0 1em #EDE396 inset; -webkit-box-shadow:0 0 1em #EDE396 inset }
#sidebar .wp-polls p{ margin-bottom: 1em; text-align: left; position:relative }
#sidebar .wp-polls p strong{ font-size:1.5em; color:#777;  font-weight:normal }
#sidebar .wp-polls-ul li{ padding: 5px }
#sidebar .wp-polls-ul li strong{ color: #AFC937; position:relative }
#sidebar .wp-polls .pollbar{ margin-top:5px }
#sidebar .wp-polls .wp-polls-ans p{ font-size: 10px; font-weight: bold; text-align:right; padding-top: 5px; margin:5px 10px 0; border-top:1px dotted #ccc; color:#888 }
#sidebar .wp-polls .wp-polls-ans p span{ font-size: 11px; font-weight:bold }
#sidebar .widget_polls-widget{ padding-bottom:3em }
#sidebar .widget_polls-widget .wp-polls-ul{ margin:0 }

/*.btn, .wp-polls .Buttons, .btn_tut, #respond .button, .contact_form .sub input, #verif .button{ -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; background:-moz-linear-gradient(center top , #FFFFFF 0%, #FFFFFF 5%, #DDDDDD) repeat scroll 0 0 #F6F6F6; border:1px solid #CCCCCC; color:#333333; cursor:pointer; font-family:Arial; font-size:12px; font-weight:bold; letter-spacing:0.05em; padding:3px 6px; text-decoration:none; text-shadow:1px 1px #F5F5F5 }*/

.entry .content .btn_tut{ text-decoration: none; color: #464646	}
.entry .content .btn_tut:hover{ text-decoration:none; text-shadow:none; color:#000 }
/*.btn:hover, .wp-polls .Buttons:hover, .btn_tut:hover, #respond .button:hover, .contact_form .sub input:hover, #verif .button:hover{ -moz-box-shadow:0 0 0.4em #aaa; -webkit-box-shadow:0 0 0.4em #aaa; box-shadow:0 0 0.4em #aaa }
.btn:active, .wp-polls .Buttons:active, .btn_tut:active, #respond .button:active, .contact_form .sub input:active, #verif .button:active{ outline:none; background:-moz-linear-gradient(center top , #ddd, #fff,  #fff 99%) repeat scroll 0 0 #F6F6F6; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none }
.btn_tut{ margin: 3px }*/

#sidebar .widget_myfriends li{ padding: 5px }
#sidebar .widget_myfriends li .img{ margin-right:10px }
#sidebar .widget_myfriends li .img a:hover img{ -moz-box-shadow:0 0 0.8em #999; border:1px solid #999 }
#sidebar .widget_myfriends li .img img{ -moz-border-radius:0.2em; -webkit-border-radius:0.5em; -moz-box-shadow:0 0 0.8em #ccc; -webkit-box-shadow:0 0 0.8em #ccc; box-shadow:0 0 0.8em #ccc; border:1px solid #ccc; padding:1px; background:#fff }
#sidebar .widget_myfriends li .desc{ width:190px }
#sidebar .widget_myfriends li p{ margin-bottom:0.3em; font-weight:bold }
#sidebar .widget_myfriends li p a{ color:#AFC937 }
#sidebar .widget_myfriends li p a:hover{ color:#464646 }
#sidebar .widget_myfriends li small{ color: #888888; font-size: 11px; }

/* Flickr */

.widget_flickrgallery ul{ overflow:hidden }
.widget_flickrgallery li{ border:1px solid #999999; float:left; margin:6px; padding:1px; -moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em; -moz-box-shadow:0 0 0.6em #999; -webkit-box-shadow:0 0 0.6em #999; box-shadow:0 0 0.6em #999; }
.widget_flickrgallery li:hover{ border:1px solid #444; -moz-box-shadow:0 0 0.8em #666; -webkit-box-shadow:0 0 0.8em #666; box-shadow:0 0 0.8em #666 }
.widget_flickrgallery li img{ display:block }
#sidebar .widget_flickrgallery .title h2 span.icon{ background-position:-662px -1px }
.widget_flickrgallery p{ padding-right:8px; padding-top:5px; font-size:10px; font-weight:bold }
#sidebar .widget_flickrgallery p a{ color:#AFC937 }
#sidebar .widget_flickrgallery p a:hover{ color:#454545 }

/* projets */

#projets_box .title{background: url(img/projects.png) no-repeat }
#sidebar .widget_myprojects .title h2 span.icon{ background: url(img/projects.png) no-repeat }
#projets_box .title h2{ padding-left:25px }

#sidebar .widget_allcategories .active{ color:#afc937; font-weight:bold; margin-left:10px }

/** Plus vues ***/

.wppp_list li{ padding:5px 0; background: url(img/puce.png) no-repeat left 0.3em; padding-left:20px }
.wppp_list li span{ color:#AFC937; font-weight:bold; font-size:10px }
#sidebar .wppp_list a{ color:#888 }
#sidebar .wppp_list a:hover{ color:#93AC1B }

/** poll **/

#sidebar .widget_polls-widget .title h2 span.icon{ background-position:-700px -1px }
#sidebar .widget_myfriends .title h2 span.icon{ background-position:-680px -1px }
#sidebar .widget_wppp .title h2 span.icon{ background-position:-718px -1px }

/**** Sortable ***/

.ui-sortable-placeholder { border: 1px dotted #eee; visibility: visible !important; height: 100px; background:#8F8F8F; margin:1em 0; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em; -moz-box-shadow:0 0 1em #eee; -webkit-box-shadow:0 0 1em #eee; box-shadow:0 0 1em #eee }
.ui-sortable-placeholder * { visibility: hidden; }


#sidebar .widget_recent_comments .title h2 .icon{ background-position:-52px 0 }


/*********************************************************************/
/* FOOTER
/*********************************************************************/


#footer{ background: #464646 url(img/back_footer.gif) repeat-x; position:relative; font-size: 12px; overflow:hidden; box-shadow:0 0 30px #464646; -moz-box-shadow:0 0 30px #464646; -webkit-box-shadow:0 0 30px #464646; margin-top:2em }
#footer .wrap-content{ width: 940px; margin: 0 auto; padding: 0 10px; position:relative; overflow:hidden }
#footer .wrap-content .content{ margin:30px 0; overflow:hidden }
#footer .content h3{ color:#AFC937; margin-bottom:1.5em; f; text-shadow: 1px 0 1px #333; font-size: 15px }
#footer .content ul{ adding-top:10px }
#footer .content li{ border-bottom:1px solid #3d3d3d; border-top:1px solid #4B4B4B; padding:7px 0 }
#footer .content li.first, #footer .content li:first-child{ border-top:none }
#footer .content li.last, #footer .content li:last-child{ border-bottom:none }
#footer .content li span, #footer .content li span a{ font-weight:bold; color:#2d2d2d }
#footer .content li a{ color:#888 }
#footer .content li a:hover{ color:#eee }

/* 2 widgets */
#footer .widgets-2 section{ width:47.5%; float:left }
#footer .widgets-2 section:first-child{ margin-right:2.5%; padding-right:2.4%; border-right:1px dotted #666 }

/* 3 widgets */
#footer .widgets-3 section{ width:30%; float:left; margin-right:2.5%; padding-right:2.4%; border-right:1px dotted #666 }
#footer .widgets-3 section:last-child{ margin:0; padding:0; border:none }

/* 4 widgets */
#footer .widgets-4 section{ width:21.25%; float:left; margin-right:2.5%; padding-right:2.4%; border-right:1px dotted #666 }
#footer .widgets-4 section:last-child{ margin:0; padding:0; border:none }

#wpstats{ visibility:hidden; position:absolute; height:1px }

.next-article-box{ position:fixed; bottom:0; /*right:-350px;*/ right:0; display:none; width:350px; height:200px; background:#f2f2f2; -webkit-border-top-left-radius: 0.5em; -moz-border-radius-topleft: 0.5em; border-top-left-radius:0.5em; -moz-box-shadow:0px 0px 15px #222; -webkit-box-shadow:0px 0px 15px #222; box-shadow:0px 0px 15px #222; border-left:1px solid #666 }
.next-article-box .separator{ border-top:1px solid #e3e3e3; border-bottom:1px solid #fff }
.next-article-box .close{ position:absolute; top:5px; right:5px; background: url(img/sprite_icons.png) no-repeat -120px -16px; height:24px; width:24px; text-indent:-9999px; opacity:0.4; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.next-article-box .close:hover{ opacity:1 }
.next-article-box small{ text-transform:uppercase; color:#888; font-size:10px; text-shadow:1px 1px #fff }
.next-article-box .inner{ padding:10px 20px; overflow:hidden }
.next-article-box .icon{ float:left; margin-right:10px }
.next-article-box .icon img{ display:block; border:1px solid #ccc }
.next-article-box .icon a:hover img{ border:1px solid #aaa }
.next-article-box .text{ float:left; width:223px }
.next-article-box .text h3{ margin-bottom:1em; font-size:1.3em }
.next-article-box .text h3 a{ color:#afc937 }
.next-article-box .text h3 a:hover{ text-decoration:underline }
.next-article-box .text p{ margin-bottom:1em; line-height:1.2em }


/*********************************************************************/
/* JCAROUSEL
/*********************************************************************/

.jcarousel-direction-rtl { direction: rtl }
.jcarousel-container-horizontal { width: 558px; padding:0; padding:0 36px }
.jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px }
.jcarousel-clip-horizontal { width: 558px; height: 178px }
.jcarousel-clip-vertical { width:  75px; height: 245px }
.jcarousel-item { width: 150px; height: 178px }
.jcarousel-item-horizontal { margin-left: 0; margin-right: 10px }
.jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0 }
.jcarousel-item-vertical { margin-bottom: 10px }

.jcarousel-next-horizontal { position: absolute; top: 73px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: url(img/images.png) no-repeat -375px 0 }
.jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(prev-horizontal.png) }
.jcarousel-next-horizontal:hover { background-position: -407px 0 }
.jcarousel-next-horizontal:active { background-position: -439px 0 }
.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -471px 0 }
.jcarousel-prev-horizontal { position: absolute; top: 73px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: url(img/images.png) no-repeat -222px 0 }
.jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(next-horizontal.png) }
.jcarousel-prev-horizontal:hover { background-position: -254px 0 }
.jcarousel-prev-horizontal:active { background-position: -286px 0 }
.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -318px 0 }

.jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(img/next-vertical.png) no-repeat 0 0 }
.jcarousel-next-vertical:hover { background-position: 0 -32px }
.jcarousel-next-vertical:active { background-position: 0 -64px }
.jcarousel-next-disabled-vertical, .jcarousel-next-disabled-vertical:hover, .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px }
.jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(img/prev-vertical.png) no-repeat 0 0 }
.jcarousel-prev-vertical:hover { background-position: 0 -32px }
.jcarousel-prev-vertical:active { background-position: 0 -64px }
.jcarousel-prev-disabled-vertical, .jcarousel-prev-disabled-vertical:hover, .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px }




/*********************************************************************/
/* NIVO SLIDER
/*********************************************************************/


.nivoSlider { position:relative }
.nivoSlider img { position:absolute; top:0px; left:0px }
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none }

.nivo-slice { display:block; position:absolute; z-index:50; height:100% }
.nivo-caption { position:absolute; left:0px; bottom:0px;background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:89 }
.nivo-caption p { padding:5px; margin:0 }
.nivo-caption a { display:inline !important }
.nivo-html-caption { display:none }
.nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer }
.nivo-prevNav { left:0px }
.nivo-nextNav {	right:0px }

.nivo-controlNav a { position:relative; z-index:99; cursor:pointer }
.nivo-controlNav a.active { font-weight:bold }

#slider { position:relative; margin:30px 30px 60px 30px; background:#202834 url(img/loading.gif) no-repeat 50% 50%; -moz-box-shadow:0px 0px 10px #333; -webkit-box-shadow:0px 0px 10px #333; box-shadow:0px 0px 10px #333 }
#slider img { position:absolute; top:0px; left:0px; display:none }
#slider a { border:0 }

.nivo-controlNav { position:absolute; left:42%; bottom:-30px }
.nivo-controlNav a { display:block; width:10px; height:10px; background:url(img/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left }
.nivo-controlNav a.active { background-position:-10px 0 }
.nivo-directionNav a { display:block; width:32px; height:34px; background:url(img/arrows.png) no-repeat; text-indent:-9999px; border:0 }
a.nivo-nextNav { background-position:-32px 0; right:10px }
a.nivo-prevNav { left:10px }

.button, .entry .content .button, .wpcf7-submit { border-radius: 0.5em; -webkit-border-radius:0.5em; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #EBF2BF inset; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #EBF2BF inset; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #EBF2BF inset; cursor: pointer; display: inline-block; font: 14px/100% Arial,Helvetica,sans-serif; margin: 0 2px; outline: medium none; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); vertical-align: baseline }
.green, .entry .content .green, .wpcf7-submit { background: -moz-linear-gradient(center top , #CDE552, #AFC937) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#CDE552), to(#AFC937)) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CDE552', endColorstr='#AFC937'); border: 1px solid #A2BA2E; color: #fefefe }
.green:hover, .entry .content .green:hover, .wpcf7-submit:hover { background: -moz-linear-gradient(center top , #AFC937, #C5DD4D) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#AFC937), to(#AFC937)) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AFC937', endColorstr='#C5DD4D'); color:#fff; text-decoration:none; box-shadow:0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #D5E27A inset; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #D5E27A inset; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #D5E27A inset; }
.green:active, .green:focus, .entry .content .green:active, .entry .content .green:focus, .wpcf7-submit:active, .wpcf7-submit:focus { background: -moz-linear-gradient(center top , #AFC937, #CDE552) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#AFC937), to(#CDE552)) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AFC937', endColorstr='#CDE552'); color: #fff; position:relative; top:1px; border: 1px solid #A2BA2E; }

.blue, .entry .content .blue { background: -moz-linear-gradient(center top , #78CBEA, #5EB2D1) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#78CBEA), to(#5EB2D1)) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78CBEA', endColorstr='#5EB2D1'); border: 1px solid #78CBEA; color: #fefefe }
.blue:hover, .entry .content .blue:hover { background: -moz-linear-gradient(center top , #5EB2D1, #78CBEA) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#5EB2D1), to(#78CBEA)) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5EB2D1', endColorstr='#78CBEA'); color:#fff; text-decoration:none }
.blue:active, .entry .content .blue:active { background: -moz-linear-gradient(center top , #5EB2D1, #78CBEA) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#5EB2D1), to(#78CBEA)) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5EB2D1', endColorstr='#78CBEA'); color: #fff; position:relative; top:1px }

.entry .content .medium, .medium { font-size: 12px; padding: 0.4em 1.5em 0.42em }


/*********************************************************************/
/* SIMPLE MODAL
/*********************************************************************/

#post-private{background-color:#fff; border:8px solid #AFC937; padding:20px; -moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em; -moz-box-shadow:0 0 1em #444; -webkit-box-shadow:0 0 1em #444; box-shadow:0 0 1em #444 }
#post-private h2{ margin-bottom:1em; text-shadow: 1px 1px 1px #ccc }
#post-private p{ margin-bottom:0.5em }
#post-private .button{ padding:3px 6px }
#post-private .button:focus{ border-color:#ccc }
#post-private #postPwd{ padding:2px; border:1px solid #ccc; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; font-size:12px; width:190px }
.post-private{ width:200px; height:80px }
#post-private #postPwd.error{ border-color:#ff0000 }


/*********************************************************************/
/* MAINTENANCE
/*********************************************************************/


.maintenance{ width:990px; margin:300px auto 0; padding:50px; border:1px solid #333; background:#fefefe; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em; -moz-box-shadow:0 0 1em #000; -webkit-box-shadow:0 0 1em #000; box-shadow:0 0 1em #000 }
.maintenance .logom{ margin-bottom:2em }
.maintenance .image{ float:left; margin-right:20px }
.maintenance .text{ float:left }
.maintenance h1{ color:#AFC937; font-size:1.5em; margin-bottom:0.8em; text-transform:uppercase; text-shadow:1px 1px #aaa }
.maintenance a{ color:#AFC937 }


/*********************************************************************/
/* DEMO BUTTONS
/*********************************************************************/

.demo_btn { display: inline-block; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow:  0 8px 0 #6f8020,  0 15px 20px rgba(0,0,0,.35); -moz-box-shadow:  0 8px 0 #6f8020,  0 15px 20px rgba(0,0,0,.35); box-shadow:  0 8px 0 #6f8020,  0 15px 20px rgba(0,0,0,.35); -webkit-transition: -webkit-box-shadow .2s ease-in-out; -moz-transition: -moz-box-shadow .2s ease-in-out; -o-transition: -o-box-shadow .2s ease-in-out; transition: box-shadow .2s ease-in-out; margin:3em 1.5em; font-size:16px }
.demo_btn span {	display: inline-block; padding: 10px  20px;  line-height: 1; text-shadow: 0 -1px 1px rgba(50,50,50,.8); background: #AFC937; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AFC937), to(#98AF2F)); background: -moz-linear-gradient(#AFC937, #98AF2F); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15); -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15); box-shadow: inset 0 -1px 1px rgba(255,255,255,.15); -webkit-transition: -webkit-transform .2s ease-in-out; -moz-transition: -moz-transform .2s ease-in-out; -o-transition: -o-transform .2s ease-in-out; transition: transform .2s ease-in-out }
.demo_btn:active { -webkit-box-shadow: 0 8px 0 #6f8020, 0 12px 10px rgba(0,0,0,.3); -moz-box-shadow: 0 8px 0 #6f8020, 0 12px 10px rgba(0,0,0,.3); box-shadow: 0 8px 0 #6f8020, 0 12px 10px rgba(0,0,0,.3) }
.demo_btn:active span { -webkit-transform: translate(0, 4px); -moz-transform: translate(0, 4px); -o-transform: translate(0, 4px); transform: translate(0, 4px) }
.entry .content .demo_btn, .entry .content .demo_btn:hover, #sidebar .demo_btn{ color:#fff }

#sidebar .demo_btn{ margin:0 }
#sidebar .demo_btn:first-child{ margin-right:10px }
#sidebar .tuts-infos{ margin-bottom:3em }


/*********************************************************************/
/* GOOGLE BUTTONS
/*********************************************************************/

a.gbutton { color: #6e6e6e; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: none; padding: 7px 12px; position: relative; display: inline-block; text-shadow: 0 1px 0 #fff; -webkit-transition: border-color .218s; -moz-transition: border .218s; -o-transition: border-color .218s; transition: border-color .218s; background: #f3f3f3; background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); border-right: solid 1px #dcdcdc; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px }
a.gbutton:hover { color: #333; border-color: #999; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) }
.googlebutton a.gbutton:active, .googlebutton a.gbutton.active { color: #000; border-color: #444; text-shadow:1px 1px #666; background-color:#afc937; color:#fff; border-left-color:#748714; border-right-color:#748714 }
a.gleft { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; margin: 0 }
a.gmiddle { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-left: solid 1px #f3f3f3; margin: 0; border-left: solid 1px rgba(255, 255, 255, 0) }
a.gmiddle:hover,a.gright:hover { border-left: solid 1px #999 }
a.gright { -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; border-left: solid 1px #f3f3f3; border-left: solid 1px rgba(255, 255, 255, 0) }
a.gsmall { font-size: 12px; padding: 5px 10px 5px 25px }
#articles-layout a.gsmall { font-size: 12px; padding: 5px 10px 5px 15px }

.googlebutton{ overflow:hidden; margin-bottom:2em; color:#aaa }

.googlebutton a.all{ padding:5px 10px }
a.gbig { font-size: 16px; padding: 10px 15px }
a.gsupersize { font-size: 20px; padding: 15px 20px }
.googlebutton a span{ position:absolute; left:5px; top:4px; width:16px; height:16px; background:url(img/sprite_icons.png) no-repeat }

/* Filters */
.googlebutton a.image span { background-position:-80px 0 }
.googlebutton a.tutoriel span { background-position:-32px 0 }
.googlebutton a.quote span { background-position:0 0 }
.googlebutton a.link span { background-position:-48px 0 }

/* Display */
.googlebutton a.display-twocolumns span { background-position:-192px 0 }
.googlebutton a.display-icons span { background-position:-208px 0 }
.googlebutton a.display-list span { background-position:-224px 0 }
.googlebutton a.display-thumb span { background-position:-240px 0 }


/*********************************************************************/
/* COLOR BOX
/*********************************************************************/

/*#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:25px; height:25px; background:url(img/colorbox/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(img/colorbox/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(img/colorbox/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(img/colorbox/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(img/colorbox/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(img/colorbox/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(img/colorbox/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(img/colorbox/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;font-size:12px }
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:125px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:70px; color:#444;}
        #cboxLoadingOverlay{background:#fff url(img/colorbox/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff; border-radius:0.5em}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(img/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(img/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(img/loading-colorbox.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(img/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}



/*********************************************************************/
/* MEDIA QUERIES
/*********************************************************************/

/* Small < 800
/*********************************************************************/

@media screen and (max-width: 800px) { 

	#global{ width: 760px; -moz-transition: all 0.5s ease-out 0.3s }
	#footer .wrap-content { width: 1220px  }
}

/* Medium < 1280
/*********************************************************************/

@media screen and (max-width: 1250px) { 

	#header .top{ float:left }
	#header #menu{ float:right; margin:0 }
	#header #menu li{ float:left; border:none; margin-right:10px }
	#menu .onglets li a{ padding:5px 10px; border-radius:1em; -moz-border-radius:1em; -webkit-border-radius:1em; background:rgba(0,0,0,0.05) }
	#menu .onglets li.current_page_item a, #menu .onglets li a:hover{ padding-right:10px }
	#header .recherche{ margin:0; margin-right:15px }
	#breadcrumb{ margin:0 }
	#menu .flux{ float:right; margin-top:1em }
	#global{ margin-top:60px; overflow:visible }
	#footer .wrap-content { width: 960px  }
	#footer .widgets-4 section{ margin-right:2.4% }
}


/* Large > 1280
/*********************************************************************/

@media screen and (min-width: 1250px) { 

	#global{ width: 1140px; margin-top:70px }
	#global .page-wrap{ padding-left:210px }
	header#header{ position:fixed; top:65px; width:180px; text-align:right }
	#footer .wrap-content{ width:1140px }
	#header_top .inner{ width:1140px }
}

/* Mobile < 480 mode landscape
/*********************************************************************/

@media screen and (max-width: 480px) {

	html{ -webkit-text-size-adjust: 100% }

	header#header{ margin-left:0;  }
	#global{ width: 460px }
	#breadcrumb{ width:auto; overflow:hidden }
	#menu .onglets{ width:100% }
	#menu .onglets li{ background:none }
	#sidebar, p.moto, #footer .infos, #footer .browsers, .recherche, .flux{ display:none }
	#footer .wrap-content { width: 460px  }
	#footer .wrap-content .main { width:auto }
	.entry .content .excerpt { width:auto }
	#footer section{ margin:0; float:none; width:auto; margin-bottom:1em }
	#footer section:last-child { margin-bottom:0 }
	p.logo { float:none; margin:0 auto }
	img{ max-width:100%; height:auto }
	.commentlist{ margin:0 -20px }
	.comment .vcard { width:30px }
	.comment .vcard cite, .commentmetadata{ font-size:0.8em }
	.comment .vcard img{ width:22px }
	.comment .comment_text{ padding:8px; width:360px }
	.entry .date { left:-15px; padding:2px 4px }	
	
	.comment .comment_text .arrow, .comment-respond .arrow{ background:url(img/comment-arrow-mobile.gif) no-repeat;  position:absolute; top:10px; left:-11px; width:10px; height:20px; border-right:1px solid #fafafa; z-index: 50 }
	.comment-respond .arrow{ left: -10px }
	.comment .post_author .arrow{ background:url(img/comment-arrow-author-mobile.gif) no-repeat; border-right:1px solid #d1e864 }
	.comment .children{ margin-left:1em; margin-top:0.5em }
	.comment .children li{ margin-left:0.5em }
	.depth-1 .form{ width:360px }
	.depth-2 .comment_text, .depth-2 .form{ width:342px }
	.depth-3 .comment_text, .depth-3 .form{ width:324px }
	.depth-4 .comment_text, .depth-4 .form{ width:306px }
	.form{ width:360px }
	#respond textarea{ width:90% }
	#commentform input[type=text]{ max-width:320px }
	
	.entry .content .logo img { width:50px }
	.entry .content .logo{ position:absolute; margin:0; top:-70px; left:-9px }
	.entry .content { position:relative }
}

/* Mobile < 320 mode Portrait
/*********************************************************************/

@media screen and (max-width: 320px) {
	
	html{ -webkit-text-size-adjust: none }

	header#header{ margin-left:0 }
	#global{ width: 300px; margin:0 auto }
	#content{ width:100%; margin:0; float:none }
	#header #menu{ margin-bottom:10px }
	#menu .onglets{ width:100%; margin-top:10px}
	#header #menu .onglets li{ margin-right:4px; margin-bottom:4px }
	#menu .onglets li a{ padding:4px 6px }
	#menu .onglets li.current_page_item a, #menu .onglets li a:hover { padding-right:6px }
	#menu .onglets li.home a { padding-left:6px }
	#sidebar, p.moto, #footer .infos, #footer .browsers, .recherche, .flux, #header_top, #articles-layout, #breadcrumb, .entry .date, #format-filters{ display:none }
	#footer .wrap-content { width: 300px  }
	#footer .wrap-content .main { width:auto }
	.entry .content .excerpt { width:auto }
	#footer section{ margin:0; float:none; width:auto; margin-bottom:1em }
	#footer section:last-child { margin-bottom:0 }
	#footer .widgets-4 section{ margin-right:0; width:100% }
	.entry .wrap-inner{ padding:10px }
	p.logo { float:none; margin:10px auto 0 }
	img{ max-width:100%; height:auto }
	#comments{ margin:0; margin-top:1em }
	.commentlist{ margin:0 -20px }
	.comment .vcard { width:30px }
	.comment .vcard cite, .commentmetadata{ font-size:0.8em }
	.comment .vcard img{ width:22px }
	.comment .comment_text{ padding:8px; width:200px }
	
	.related{ margin:0 }
	
	.comment .comment_text .arrow, .comment-respond .arrow{ background:url(img/comment-arrow-mobile.gif) no-repeat;  position:absolute; top:10px; left:-11px; width:10px; height:20px; border-right:1px solid #fafafa; z-index: 50 }
	.comment-respond .arrow{ left: -10px }
	.comment .post_author .arrow{ background:url(img/comment-arrow-author-mobile.gif) no-repeat; border-right:1px solid #d1e864 }
	.comment .children{ margin-left:1em; margin-top:0.5em }
	.comment .children li{ margin-left:0.5em }
	.depth-1 .form{ width:200px }
	.depth-2 .comment_text, .depth-2 .form{ width:182px }
	.depth-3 .comment_text, .depth-3 .form{ width:164px }
	.depth-4 .comment_text, .depth-4 .form{ width:146px }
	.form{ width:200px }
	#respond textarea{ width:90% }
	#commentform input[type=text]{ max-width:160px }
	
	.entry .content .logo img { width:50px }
	.entry .content .logo{ position:absolute; margin:0; top:-70px; left:-9px }
	.entry .content { position:relative }
	.entry .head{ padding-left:0 }
}