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;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
body{background:url(../images/design/site_background.jpg);font-family:"Trebuchet MS",Helvetica,sans-serif;margin-bottom:10px;}
a:link,a:visited{text-decoration:none;color:#585858;}
a:hover,a:active,a:focus{color:#e9a726;}
a img{border:none;}
ul{font-size:small;color:#585858;}
p{margin-bottom:8px;}
h1{position:relative;margin:0 auto;width:960px;height:249px;z-index:20;}
h2{color:#b83d02;font-size:large;margin-bottom:5px;}
h3{margin-bottom:10px;font-size:medium;}
h4{color:#589a18;display:inline;font-size:1em;font-weight:normal;}
label{font-size:small;font-weight:bold;}
input{margin-bottom:5px;border:1px dashed #b83d02;padding:5px;}
textarea{margin-bottom:5px;width:500px;height:200px;padding:5px;border:1px dashed #b83d02;}
.gras{font-weight:bold;}
.orange{color:#b83d02;}
.center{text-align:center;}
.clear {clear: both;}
ul.defaultStyle{margin:1.33em 0;padding-left:40px;display:block;list-style-type:disc;}
ul.defaultStyle li{display:list-item;line-height:1.5em;}
p.defaultStyle,label.defaultStyle{line-height:1.5em;}
#bgDroiteHeader{position:absolute;right:0;background:url(../images/design/header_bg_right.jpg);width:50%;height:249px;z-index:10;}
#bgGaucheHeader{position:absolute;left:0;background:url(../images/design/header_bg_left.jpg);width:50%;height:249px;z-index:10;}
#bandeNoire{min-width:960px;width:100%;height:10px;z-index:10;}
#bandeNoire #fondsNoir{height:10px;background-color:#000;}
#bandeNoire #degradeNoirHaut{position:absolute;background:url(../images/design/header_black_gradient.png);min-width:960px;width:100%;height:21px;}
#sousLeHeader{position:relative;width:960px;margin:0 auto;}
#sousLeHeader #menu{position:absolute;left:180px;background:url(../images/design/menu_bg_middle.jpg);width:600px;height:34px;}
#sousLeHeader #menu #boutonMenu{height:42px;position:absolute;}
#sousLeHeader #menu #boutonMenuDroite{background:url(../images/design/menu_button.png) 43px 42px;width:43px;height:42px;float:right;}
#sousLeHeader #menu #boutonMenuGauche{background:url(../images/design/menu_button.png);height:42px;}
#sousLeHeader #menu #bgGaucheMenu{background:url(../images/design/menu_bg_left.jpg) no-repeat;position:absolute;left:0;width:15px;height:34px;}
#sousLeHeader #menu #bgDroiteMenu{background:url(../images/design/menu_bg_right.jpg) no-repeat;position:absolute;right:0;width:15px;height:34px;}
#sousLeHeader #menu #bgCentreMenu{position:absolute;width:600px;height:34px;text-align:center;}
#sousLeHeader #menu #bgCentreMenu li{height:32px;line-height:32px;font-size:18px;float:left;background:none;}
#sousLeHeader #menu #bgCentreMenu li a{display:block;padding:0 20px 0 20px;color:#000;}
#sousLeHeader #menu #bgCentreMenu li a:hover{color:#000;}
#sousLeHeader #menu #bgCentreMenu #hover a{color:#fff;}
#corpsSite{position:relative;width:960px;margin:0 auto;}
#corpsSite #centre{position:relative;left:75px;width:810px;margin-top:50px;}
#corpsSite #centre #bgHautCentre img{display:block;}
#corpsSite #centre #bgMilieuCentre{background:url(../images/design/content_background.png);min-height:400px;width:810px;}
#corpsSite #centre #content_fader{width:750px;min-height:400px;background:#fff;position:absolute;left:30px;z-index:15;}
#corpsSite #centre #content_fader #msgBox{width:350px;margin:0 auto;margin-top:100px;}
#corpsSite #centre #content_fader #msgBox #msgBox_top{background:url(../images/msgBox_top.gif) no-repeat;width:350px;height:12px;}
#corpsSite #centre #content_fader #msgBox #msgBox_bottom{background:url(../images/msgBox_bottom.gif) no-repeat;width:350px;height:12px;}
#corpsSite #centre #content_fader #msgBox #msgBox_content{background:#000;width:310px;margin:0;padding:8px 20px;}
#corpsSite #centre #content_fader #msgBox #msgBox_content #msgBox_text{color:#fff;display:block;float:right;width:260px;text-align:center;margin:0;margin-top:10px;line-height:1.2;}
#corpsSite #centre #content_fader #msgBox #msgBox_content #msgBox_animation{margin:5px 0 0;padding:0;}
#corpsSite #centre #content_fader #msgBox #msgBox_content #msgBox_closer{clear:both;display:none;width:310px;margin:0;padding:5px 0 0;text-align:center;}
#corpsSite #centre #bgMilieuCentre #contenu{position:relative;padding:0 30px;width:750px;min-height:400px;z-index:10;}
#corpsSite #centre #bgMilieuCentre #contenu p{text-align:justify;font-size:small;color:#585858;}
#corpsSite #centre #bgMilieuCentre #contenu a:link,#corpsSite #centre #bgMilieuCentre #contenu a:visited{border-bottom:1px dotted #585858;text-decoration:none;color:#585858;}
#corpsSite #centre #bgMilieuCentre #contenu a:hover{border-bottom:1px dotted #e9a726;color:#e9a726;}
#corpsSite #centre #bgMilieuCentre #contenu a:active,#corpsSite #centre #bgMilieuCentre #contenu a:focus{border-bottom:1px dotted #e9a726;text-decoration:blink;color:#e9a726;}
#corpsSite #centre #bgMilieuCentre #contenu #clearer{display:block;height:0;width:100%;clear:both;}
#corpsSite #centre #bgMilieuCentre #pageDetails{position:absolute;width:750px;}
#corpsSite #centre #bgMilieuCentre #pageDetails #mesCompetences{background:url(../images/design/footer_skills_frame.png) no-repeat;position:absolute;right:-170px;top:-80px;width:309px;height:278px;}
#corpsSite #centre #bgMilieuCentre #pageDetails #mesCompetences #zoneMesCompetences{position:relative;left:110px;top:100px;width:180px;height:140px;}
#corpsSite #centre #bgMilieuCentre #pageDetails #mesCompetences #zoneMesCompetences h2{color:#242424;text-align:center;}
#corpsSite #centre #bgMilieuCentre #pageDetails #mesCompetences #zoneMesCompetences ul{padding-left:5px;font-size:medium;}
#corpsSite #centre #bgMilieuCentre #pageDetails #mesCompetences #zoneMesCompetences li{background-image:url(../images/design/chip.png);background-repeat:no-repeat;background-position:left center;padding-left:30px;color:#ccc;margin:5px 5px 14px;}
#corpsSite #centre #bgMilieuCentre #pageDetails #avatar{background:url(../images/design/content_avatars.png) no-repeat;position:absolute;left:-80px;top:-180px;width:140px;height:315px;}
#corpsSite #centre #fleursGaucheTexte{background:url(../images/design/content_flowers_left.gif) no-repeat;position:absolute;left:-77px;top:10px;width:95px;height:236px;}
#corpsSite #centre #fleursDroiteTexte{background:url(../images/design/content_flowers_right.gif) no-repeat;position:absolute;right:-86px;top:10px;width:104px;height:196px;}
#corpsSite #centre #bgHautCentre{background:url(../images/design/content_round_top.png) no-repeat;width:810px;height:29px;}
#corpsSite #centre #bgBasCentre{background:url(../images/design/content_round_bottom.png) no-repeat;width:810px;height:29px;}
#footer{background:url(../images/design/footer_background.jpg);margin-top:50px;min-width:960px;width:100%;height:100px;}
#footer #elementsFooter{position:relative;margin:0 auto;width:960px;}
#footer #elementsFooter #fleursFooter{background:url(../images/design/footer_flowers.gif) no-repeat bottom center;width:173px;height:100px;float:left;}
#footer #elementsFooter #cadreTexteFooter{width:673px;height:100px;text-align:center;font-size:small;color:#ccc;}
#footer #elementsFooter #cadreTexteFooter div{margin-top:5px;}
#separator{float:left;display:block;background-color:#ccc;width:1px;height:50px;margin-top:25px;}
#footer #elementsFooter #cadreTexteFooter #pourMeSuivre{float:left;width:249px;}
#footer #elementsFooter #cadreTexteFooter #pourMeSuivre ul{width:72px;}
#footer #elementsFooter #cadreTexteFooter #quelquesLiens{float:right;width:250px;border:0;}
#footer #elementsFooter #cadreTexteFooter #quelquesLiens ul{width:108px;}
#footer #elementsFooter #cadreTexteFooter ul{width:104px;margin:0 auto;}
#footer #elementsFooter #cadreTexteFooter ul li{float:left;width:30px;height:30px;margin:3px;line-height:30px;}
#footer #elementsFooter #cadreTexteFooter ul li img{border:2px solid #ccc;}
#footer #elementsFooter #cadreTexteFooter ul li a:link,#footer #elementsFooter #cadreTexteFooter ul li a:visited{border:none;}
#footer #elementsFooter #cadreTexteFooter h2{font-size:medium;color:#CCCCCC}
#infosSite{position:relative;left:-53px;margin:auto;width:960px;min-width:960px;text-align:center;font-size:small;line-height:20px;}
#corpsSite #centre #bgMilieuCentre #contenu #overflyer{display:none;position:absolute;left:0;background:#000;margin-top:15px;width:225px;height:170px;cursor:pointer;line-height:170px;text-align:center;color:#fff;font-weight:bold;}
#contenu ul#vignettes{display:inline;height:200px;}
#contenu ul#vignettes li{background:url(../images/projectLoader.jpg) no-repeat;padding-top:15px;width:250px;height:200px;text-align:center;float:left;line-height:200px;background-position:top;}
#corpsSite #centre #bgMilieuCentre #contenu ul#vignettes a:link,#corpsSite #centre #bgMilieuCentre #contenu ul#vignettes a:visited{border-bottom:0;line-height:1em;}
#corpsSite #centre #bgMilieuCentre #contenu ul#realisations li a.project_overview:link,#corpsSite #centre #bgMilieuCentre #contenu ul#realisations li a.project_overview:visited{width:680px;height:305px;display:block;text-align:center;border:1px solid #b83d02;margin:0 auto;}
#corpsSite #centre #bgMilieuCentre #contenu ul#realisations li a.project_overview:hover{border:1px dashed #000;}
#corpsSite #centre #bgMilieuCentre #contenu ul#realisations li a.project_overview:focus{border-bottom:1px dashed #000;text-decoration:blink;}
#contenu ul#realisations li a.project_overview img{margin-top:2px;line-height:305px;}
#contenu ul#realisations li div{margin:0 auto 20px;padding:0 14px 15px;width:626px;line-height:1.4;background:url(../images/projectBox_bottom.jpg) no-repeat bottom #fce6cc;}
#contenu ul#realisations li div a{display:inline;}
#contenu ul#realisations li div.projectInfosHeader_left{width:654px;height:26px;margin:5px auto 0;padding:0;background:url(../images/projectBox_top_left.jpg) no-repeat top;}
#contenu ul#realisations li div.projectInfosHeader_right{width:654px;height:26px;margin:5px auto 0;padding:0;background:url(../images/projectBox_top_right.jpg) no-repeat top;}
#contenu #dernieresPublications{width:345px;float:left;}
#contenu #dernieresPublications h2,#contenu #derniersTweets h2, #contenu #dernieresPublications h2,#corpsSite #centre #bgMilieuCentre #contenu #derniersTweets p{text-align:center;}
#contenu #derniersTweets{width:345px;float:right;}
#contenu #derniersTweets h2 a{border:none;}
#contenu #derniersTweets h2 img{vertical-align:middle;}
#contenu #derniersTweets ol{font-style:italic;font-size:small;color:#585858;text-align:left;}
#contenu #derniersTweets li{line-height:1.5em;background-color:#ececec;border:1px solid #ccc;margin-bottom:15px;padding:7px 10px;-moz-border-radius:5px;}
#contenu #derniersTweets li a:link,#contenu #derniersTweets li a:visited{color:#585858;}
#contenu #derniersTweets li span.tweet_metadata{font-style:normal;display:block;color:#585858;font-size:x-small;text-align:right;}
#contenu ul#realisations li div ul.floatLeft{position:relative;text-align:left;width:450px;}
#contenu ul#realisations li div ul.floatRight{position:relative;float:right;width:100px;text-align:right;}
#contenu div.project_info{width:225px;float:right;text-align:center;color:#585858;margin-bottom:20px;}
#contenu div.project_info span.project_date{display:block;}
#contenu div.project_info span.project_date span.project_month{display:block;color:#b83d02;font-family:Arial,sans-serif;font-variant:small-caps;font-weight:bold;font-size:small;}
#contenu div.project_info span.project_date span.project_year{display:block;position:relative;top:-5px;font-size:xx-large;}
#contenu div.project_details{width:500px;}
#contenu div.project_details p{margin:0 0 20px 35px;clear:both;width:680px;}
#contenu div.project_details ul{margin:0 0 20px 15px;padding-left:40px;}
#contenu div.project_details ul li{background-image:url(../images/design/chip.png);background-position:left center;background-repeat:no-repeat;list-style-type:none;margin:5px;padding-left:30px;}
#contenu div.project_screenshot{clear:both;text-align:center;}
#contenu div.project_screenshot img{border:3px solid #b83d02;}
#contenu ul.section {line-height: 1.5;margin-left: 20px;}
#contenu ul.subsection {float: right;width: 500px;margin-bottom: 10px;}
#contenu ul.subsection li {margin-bottom: 5px;}
#contenu h2.margins {margin: 20px 0px;}
#contenu h2.margin-bottom {margin-bottom: 20px;}
#contenu form p{margin:0;}
#contenu form p input.submit{border:0;margin:40px 0 0 0;padding:0;position:relative;}
#contenu form p input#captcha{margin-bottom:12px;position:relative;}
#contenu form p input#genererCaptcha{margin:0 0 0 30px;padding:0;border:0;}
#contenu form p span#spanCaptcha{float:right;display:block;margin-right:460px;width:200px;height:90px;}
#contenu form p span#Ecaptcha{position:relative;width:458px;display:block;float:right;clear:both;top:-80px;}
#contenu form p span.erreurChamp{font-size:medium;color:#b83d02;}