/**** FEUILLE DE STYLE By a2graphik ************************************************************************************/

section, article, header, footer, nav, aside, hgroup  { display:block; }

/**** GENERAL ************************************************************************************/
body, h1, h2, h3, h4, h5, h6, form, ul, li, dl, dd, dt, img, input		    { margin:0; padding:0; }
*															{ font-family: "Times New Roman", Times, serif; }
body													{ margin:0; padding:0; font-size:14px; color:#333; text-align:center; background-color:#eee; }
td														{ font-size:14px; color:#333; }
h1, h2, h3, h4, h5, h6				{ margin:0; padding:0; }
img														{ border:0; }
p															{ margin:10px 0; line-height:20px; }
em														{ font-style: italic; }
strong												{ font-weight: bold; }
form													{ margin:0; padding:0; }
input[type=text], input[type=email],
select, textarea							{ font-size:14px; color:#777; vertical-align:middle; border:1px solid #cdcdcd; padding:3px; }
input[type=text]:focus, input[type=email]:focus,
select:focus, textarea:focus	{ color:#333; border:1px solid #368; }
input[type=submit]						{ color:#fff; text-decoration:none; font-weight:bold; padding:5px 10px; text-transform:uppercase; background-color:#333; border:2px solid #fff; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; -o-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 2px #aaa; -moz-box-shadow:0 0 2px #aaa; -khtml-box-shadow:0 0 2px #aaa; -o-box-shadow:0 0 2px #aaa; box-shadow:0 0 2px #aaa; }
input[type=submit]:hover			{ color:#fff; text-decoration:none; background-color:#368; cursor:pointer; }
:hover, :focus,
:visited, :active							{ outline:none; }

/* couleurs */
.blue													{ color:#368; }
.color												{ color:#f50; }

/* liens */
a															{ color:#368; text-decoration:underline; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -khtml-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; }
a:hover												{ color:#f50; text-decoration:underline; }

/* listes */
ul														{ margin:10px 0; padding:0; }
ul li													{ list-style-type:square; margin:0 0 5px 40px; padding:0; text-align:justify; }

/* Alignements */
.left													{ float:left; margin:0 20px 5px 0; }
.right												{ float:right; margin:0 0 5px 20px; }
.clear												{ clear:both; }

/* Top page */
.toppage											{ text-align:right; margin-top:20px; }
.toppage a										{ text-decoration:none; font-size:12px; padding:5px 10px; color:#999; background-color:#fff; border:1px solid #ccc; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -khtml-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; }
.toppage a:hover							{ background-color:#368; color:#fff; }

/**** STRUCTURE ************************************************************************************/
#outwrap											{ margin:auto; width:980px; text-align:left; }
#wrap													{ padding:30px 20px 60px 0; background:url(../img/bg.png) repeat-x 0 100%; }

/**** HEADER ************************************************************************************/
#header												{ height:120px; background:#fff url(../img/colorsv.gif) no-repeat 0 0; position:relative; }
#header h1										{ position:absolute; top:2px; right:10px; font:normal 10px Arial, Helvetica, sans-serif; color:#ddd; text-align:right; }
#header h2										{ position:absolute; top:20px; left:40px; font-weight:normal; font-size:48px; color:#333; line-height:40px; text-transform:uppercase; }
#header h2 a									{ text-decoration:none; }
#header h3										{ position:absolute; top:60px; left:270px; font-weight:normal; font-size:18px; line-height:20px; color:#aaa; 

 }
/*text-transform:uppercase; */
/**** MENU ************************************************************************************/
#nav													{ float:left; width:220px; padding-left:10px; }
#nav ul												{ margin:0; padding:30px 0 20px 0; }
#nav ul li										{ margin:0 0 5px 0; padding:0; list-style:none; }
#nav ul li a									{ color:#333; font-size:18px; text-decoration:none; }
#nav ul li a:hover						{ color:#aaa; text-decoration:none; }
#nav ul li a.actif						{ font-weight:bold; color:#368; }

/**** SOCIALBAR ************************************************************************************/
#socialbar ul									{ margin:0; padding:0; }
#socialbar ul li							{ list-style-type:none; list-style-image:none; display:inline; text-align:left; }
#socialbar li a								{ float:left; margin-left:3px; width:20px; height:20px; text-indent:-5000px; overflow:hidden; background-image:url(../img/socialbar.png); background-repeat:no-repeat; }
#socialbar .facebook a				{ background-position:0 -20px; }
#socialbar .facebook a:hover	{ background-position:0 0; }
#socialbar .twitter a					{ background-position:-20px -20px; }
#socialbar .twitter a:hover		{ background-position:-20px 0; }
#socialbar .GoogleScholar a					{ background-position:-100px -20px; }
#socialbar .GoogleScholar a:hover		{ background-position:-100px 0; }
#socialbar .linkedin a				{ background-position:-60px -20px; }
#socialbar .linkedin a:hover	{ background-position:-60px 0; }
#socialbar .rss a							{ background-position:-80px -20px; }
#socialbar .rss a:hover				{ background-position:-80px 0; }

/**** FOOTER ************************************************************************************/
#footer												{ text-align:center; }
#picture											{ background:url(../img/bgfooter.jpg) no-repeat 50% 0; padding:50px 10px; }
#references										{ background-color:#fff; padding:20px 10px; }

/**** CONTENT ************************************************************************************/
#content											{ margin-left:240px; position:relative; }
.colLeft											{ width:380px; float:left; }
.colRight											{ margin-left:400px; }

#content h2										{ font-size:24px; color:#505050; font-weight:normal; text-transform:uppercase; }
#content h3										{ font-family: Georgia , "Times New Roman", Times, serif; font-size:17px; color:#368; }
#content h4 strong						{ color:#368; }

small, small a								{ font-size:10px; color:#969696; }

/**** ACCUEIL ************************************************************************************/
#home section#news header			{ padding:5px 20px; font-size:36px; text-transform:uppercase; color:#fff; background-color:#123; }
#home section#news article		{ background-color:#eee; margin-top:5px; padding:5px 60px 5px 20px; }
#home section#news article.last { color:#fff; background-color:#368; font-weight:bold; }
/*#home section#news article a { color:#fff; }*/
#home section footer					{ text-align:right; }

#home section#intro						{ background:#fff url(../img/colorsh.gif) no-repeat 50% 100%; padding-bottom:30px; }
#home section#intro header		{ padding:10px 140px 10px 20px; text-transform:uppercase; text-align:right; font-size:36px; color:#aaa; background:url(../img/tab.png) no-repeat 270px 0; }
#home section#intro article		{ width:160px; float:left; text-align:right; padding-left:20px; }
#home section#intro article p	{ margin:0; }
#home section#intro footer		{ margin-left:170px; text-align:right; padding:10px 20px 0 0; font:normal 11px Arial, Helvetica, sans-serif; color:#aaa; }
#home section#intro footer strong				{ display:block; }
#home section#intro footer img					{ margin-bottom:10px; border:3px solid #fff; -webkit-box-shadow:0 0 5px #aaa; -moz-box-shadow:0 0 5px #aaa; -khtml-box-shadow:0 0 5px #aaa; -o-box-shadow:0 0 5px #aaa; box-shadow:0 0 5px #aaa; }
#home section#intro footer a:hover img	{ border:3px solid #f50; }

/**** ABOUT ************************************************************************************/
#about .colLeft								{ width:180px; text-align:right; }
#about .colLeft img						{ margin-bottom:10px; border:3px solid #fff; -webkit-box-shadow:0 0 5px #aaa; -moz-box-shadow:0 0 5px #aaa; -khtml-box-shadow:0 0 5px #aaa; -o-box-shadow:0 0 5px #aaa; box-shadow:0 0 5px #aaa; }
#about .colLeft ul						{ margin:15px 0; }
#about .colLeft ul li					{ text-align:right; margin:0 0 10px 0; list-style-type:none; }
#about .colLeft ul li a				{ font-size:18px; text-decoration:none; }

#about .colRight							{ margin-left:200px; }
#about .colRight div h3				{ margin-top:20px; }
#about table									{ width:100%; background-color:#eee; }
#about table th,
#about table td								{ padding:5px 0; vertical-align:top; }
#about table th								{ text-align:right; width:160px; padding-right:10px; }
#about table td strong,
#about table td em						{ display:block; }
#about table td ul li					{ margin:0 0 3px 20px; }

/**** publications ************************************************************************************/
#publications .colLeft								{ width:180px; text-align:right; }
#publications .colLeft img						{ margin-bottom:10px; border:3px solid #fff; -webkit-box-shadow:0 0 5px #aaa; -moz-box-shadow:0 0 5px #aaa; -khtml-box-shadow:0 0 5px #aaa; -o-box-shadow:0 0 5px #aaa; box-shadow:0 0 5px #aaa; }
#publications .colLeft ul						{ margin:15px 0; }
#publications .colLeft ul li					{ text-align:right; margin:0 0 10px 0; list-style-type:none; }
#publications .colLeft ul li a				{ font-size:18px; text-decoration:none; }

#publications .colRight							{ margin-left:200px; }
#publications .colRight div h3				{ margin-top:20px; }
#publications table									{ width:100%; background-color:#eee; }
#publications table th,
#publications table td								{ padding:5px 0; vertical-align:top; }
#publications table th								{ text-align:right; width:160px; padding-right:10px; }
#publications table td strong,
#publications table td em						{ display:block; }
#publications table td ul li					{ margin:0 0 3px 20px; }

/**** awards ************************************************************************************/
#awards {width:100%; background-color:#eee; }


/**** BLOG ************************************************************************************/
#blog article									{ background:#fff url(../img/colorsh.gif) no-repeat 0 100%; line-height:20px; margin-top:10px; padding:20px 80px 20px 20px; }
#blog article h1							{ font-size:18px; margin-bottom:10px; font-weight:normal; text-transform:uppercase; }
#blog article h1 a						{ text-decoration:none; }

/**** CONTACT ************************************************************************************/
#contact .colLeft							{ width:300px; }
#contact .colRight						{ margin-left:320px; }

#contact table								{ border-collapse:collapse; margin-top:10px; }
#contact table td							{ vertical-align:top; }
#contact table th							{ text-align:right; padding-right:10px; font-weight:normal; width:90px; }
#contact table tfoot td				{ text-align:right; }
#contact input[type=text],
#contact input[type=email],
#contact textarea							{ width:250px; }
#contact input#captcha_code		{ width:50px; }
.error												 { color:#368; font-size:10px; padding:2px 0; display:block; }