/*
Title: Je-veux-un-chef-de-prjet-ecommerce.com - screen
Author:   Dejonghe jeremie, jeremie.dejonghe@gmail.com
Version:  1.0
*/

/* Screen.css
---------------------------------- */


/* init
---------------------------------- */
html			{ background: #fff; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:14px; color:#a5a5a5; }
body			{ background:url(../img/bg-body.png) repeat-x top left}	
#container		{ width:720px; margin:0 auto; background:url(../img/bg-container.jpg) top no-repeat}
#colLeft		{ float:left; width:180px;padding:0; margin:0; }
#content		{ margin:0 0 0 177px; padding: 0 0 0 30px}

h2				{ font-family:Arial, Helvetica, sans-serif}
a				{ color:#0a76a4}
a:hover			{ color:#00b3fe}
p				{ line-height:20px}
li				{ background:url(../img/puce-li.png) no-repeat top left; padding-left:20px; }
strong			{ font-weight:bold; display:block; padding-bottom:3px; color:#0096ff;} 
.bottom			{ background:url(../img/bgrd_bloc_bottom.png) bottom center no-repeat; padding:10px 0; margin-bottom:0}
.pair			{ background-color:#f5f5f5}
.clear			{ clear:both}

/* #header
---------------------------------- */
#header			{ margin-bottom:30px}
#header h1		{ text-align:center; font-size:3em; color:#222;  padding:10px 0; text-shadow:0 1px 0 #888; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; }
#header h1 span	{ text-align:center; font-size:12px; color:#000;text-shadow: 0 1px 0 #666; font-family:Verdana, Geneva, sans-serif; font-style:italic; display:block; margin:5px 0 0 0 ; font-weight:normal}

/* #intro
---------------------------------- */
#intro 							{ margin-bottom: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding-left:10px; overflow:hidden; margin-left:190px}
#intro h2						{ font-size:18px; font-weight:bold; padding:0; margin:0; /*color:#0096ff*/ color:#222; text-shadow:0 1px 0 #666}
#intro p,#intro ul				{ font-size:12px;padding:5px; color:#999; line-height:14px; margin:5px 0 25px 0; }
#intro p:hover,#intro ul:hover	{ background:#333}
#intro .last					{ margin-bottom:0}
#intro li a						{ display:block; font-weight:bold}

/* #intro
---------------------------------- */
#colLeft h2		{ height:20px; font-size:1.5em; padding:5px 0 5px 0; font-weight:bold; font-style:italic; margin:10px 0 5px 0; border-bottom:1px solid #aaa}
#colLeft li		{ background:none; padding:0; }


/* #twitter
---------------------------------- */
#twitter { margin:5px 0 40px 0; padding:10px 0 22px 0;}
#twitter #imgfollow{ float:left; width:80px; display:block; background: url(../img/twitter.png) top left no-repeat; z-index:900; height:80px}
#twitter #imgfollow:hover{ background: url(../img/twitter.png) bottom left no-repeat;}
#twitter #imgfollow span { display:none}
.twtr-doc { border:1px dashed #666; margin-top:15px; padding:10px; color:#999}
.twtr-hd, .twtr-ft { display:none }
#twtr-widget-1 {margin-left:90px}

/* #content
---------------------------------- */
#titreCv 			{ text-align:center; font-size:30px; color:#286802; padding:10px; background: url(../img/bg-titreCv.jpg) left bottom no-repeat; margin-bottom:30px; font-family:"Arial Black", Gadget, sans-serif;text-shadow:0 1px 0 #7fcd60}
#titreCv h1			{ margin-left:40px}

/*.photo				{ position:absolute; margin-top:-115px}*/

#list1a .titreBloc	{ background:url(../img/bgrd_bloc_h1.png) top left no-repeat; height:20px;font-size:1.5em; padding:10px; font-weight:bold; font-style:italic; margin:10px 0; color:#444; text-shadow:0 1px 0 #bbb; display:block}
#list1a .titreBloc:hover		{ text-decoration:underline; cursor:pointer; color:#1b1b1b; }
#list1a .titreBloc img		{ float:right; margin:0px 5px 0 0; padding:10px}

.bloc 				{ padding-bottom:10px; margin-bottom:10px}

.item 						{ padding:5px 0 }
.item strong, .middle_left	{width:175px; text-align:right; display:block; float:left;  font-style:italic; }
.item span, .middle_right	{display:block; margin-left:175px; padding-left:10px}
.middle_right span	{display:block; }

.middle_left  span{ margin-top:5px}

#experiences .bottom		{ min-height:100px}
#cursus .bottom 			{ min-height:80px}

.middle_right  				{ padding-bottom:10px; }
.middle_right strong 		{  display:block; font-weight:bold; color:#333}
.middle_right small 		{ font-style:italic; color:#666}

.comp_content span 		{ line-height:15px; display:inline}
.taille1 				{ font-size:0.8em }
.taille2 				{ font-size:1.3em }
.taille3 				{ font-size:1.6em }
.taille4 				{ font-size:1.9em }

.logiciel_legend		{ display:block}
.sep					{ padding:5px 0}
.logiciel				{ width:150px}
.etoiles				{ margin-left:100px; text-align:right; }

.client .middle_left			{	width:auto; margin-bottom:20px; padding-left:15px; }
.client .middle_right			{ min-height:130px}
.client .middle_right strong	{ margin-bottom:10px}
.client .weblink 				{ color:#046ede; text-decoration:underline; margin-top:10px; display:block}
.client .weblink img			{ float:left}
.client .weblink strong			{ padding: 5px 0 0 30px}


#cursus .middle_right span	{ display:block}
#hobbies  strong			{ margin-bottom:10px;  font-style:italic;}
#hobbies  td			{ width:150px; background:url(../img/puce-li.png) no-repeat top left;; padding-left:20px}

#projets 			{}
#projets .client	{ float: left; width:167px; text-align:center; padding:5px 0}
#gallery li			{ background:none; padding:0}

#jquery-lightbox small{ font-weight:normal; font-style:italic; display:block; padding-bottom:3px}
#jquery-lightbox strong{ padding-bottom:0}
#jquery-lightbox p{ float:right}
#jquery-lightbox ul{ float:left; width:300px; margin-bottom:10px}
#lightbox-secNav-btnClose {margin-top:25px;width:25px !important;}
#lightbox-image-details {width:80% !important;}