html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,time, mark, audio, video{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr{border:0;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
html{height:100%;}
@font-face {
	font-family: 'Quicksand Book';
	src: url('../fonts/Quicksand_Book.eot');
	src: local('Quicksand Book'), local('Quicksand-Book'), url('../fonts/Quicksand_Book.otf') format('opentype');
}
body{font-family: 'Quicksand Book', Calibri, Geneva, 'Microsoft Sans Serif', sans-serif; color:#fff; background:#222 url(../images/backgrounds/3.jpg) center center repeat-y; font-size:62.5%; height:100%; line-height:1.3;}
html>body{font-size:10px;}

.clear{clear:both;}
.hide{display:none;}
a{color:#693;}
a:hover{background-color:#693; color:#fff; text-decoration:none;}
a.ext{color:#f93;}
a.ext:hover{background-color:#f93; color:#fff;}
:focus{outline:1px dotted pink;}

nav{background:#6C9099; font-size:1.2em; display:block; height:30px; overflow:hidden;}
nav ul{margin:0 auto; width:900px; position:relative;}
nav li{float:left; width:150px;}
nav li.back{ height: 30px; position: absolute; top:0; width:150px;}
nav li.back div{background: url(../images/menu_on.png) no-repeat center center; height:30px;}
nav li a{color:#fff; display:block; float:left; height: 20px; padding:5px 0; position:relative; text-align:center; text-decoration:none; width:150px; z-index:10; text-shadow:2px 2px 1px #000;}
nav li a:hover, nav .current a{background:none; color:#000; text-shadow:none;}
nav li.current{background:url(../images/menu_on.png) no-repeat center center;}
nav li.current a{color:#000;}

#contenu{font-size:1.2em; margin:0 auto; width:900px;}
h1, h2{font-family:Georgia, Palatino, serif; text-shadow:2px 2px 2px #000;}
h1{font-size:2.1em; padding:30px 0 0 20px; width:400px;}
h2{font-size:1.7em; padding:10px 0 0 20px; margin-bottom:50px; width:350px;}
h3{border-bottom:1px solid #fff; font-size:1.1em; margin:15px 0 10px;}
h3:first-child{margin-top:0;}
h4{margin-bottom:5px;}

header{float:left; width:450px;}
section#bloc{background:#555; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; -khtml-box-shadow: 5px 5px 5px #000; margin:30px 0 40px; width:390px; padding:30px; float:right;}
#bloc p{margin-bottom:1.3em;}
#bloc ul{margin-bottom:1.3em;}

footer{background-color:#222; bottom:0; clear:both; color:#fff; font-family: Arial,Verdana,sans-serif; height:25px; position:fixed; text-align:center; width:100%;}
footer p{padding-top:5px;}

.logos_medias li{float:left; margin-right:5px;}
p.dte{text-align:right;}
a.dte{background:url(../images/fleche_dte.png) no-repeat 2px center; padding-left:10px;}
a.gche{background:url(../images/fleche_gche.png) no-repeat 2px center; padding-left:10px;}
.bloc_liste{float:left; width:50%;}

.parcours{overflow:hidden;}
.set_parcours {height:380px;}
.parcours div{position:relative;}

.portfolio h3{clear:both; margin-top:0;}
.illus{float:left; margin-bottom:15px; width:200px;}
.projet{float:right; margin-bottom:15px; width:190px;}
.projet p{ margin:0;}
.projet span{display:block;}
.desc{font-style:italic;}
.tech{text-transform:lowercase;}
.pagination{height:25px; margin-bottom:5px;}
#bloc .pagination ul, #bloc .pagination p{margin:0;}
.pagination p{float:left; padding:3px 3px 3px 50px; width:80px;}
.pagination ul{float:left;}
.pagination li{display:block; float:left; margin-right:5px;}
.pagination li.on{background-color:#fff; border:1px solid #555; color:#555; padding:3px; text-align:center;  width:12px;}
.pagination a{border:1px solid #fff; color:#fff; display:block; float:left; padding:3px; text-align:center;  text-decoration:none; width:12px;}
.pagination a:hover{background-color:#fff; border:1px solid #555; color:#555;}

.contact p{height:15px;}
.contact p.textarea, .contact p.submit{height:auto;}
.contact p.info{font-size:0.9em; text-align:right;}
.contact p#erreur, .contact p#ok{color:#f00; height:auto; margin-bottom:10px; min-height:10px; text-align:center;}
.contact p#ok{color:#0f0;}
label{display:block; float:left; width:80px;}
input{float:left;}
input, textarea{background-color:#fff; border:none; box-shadow: 1px 5px 5px #000; -moz-box-shadow: 2px 2px 5px #000; -webkit-box-shadow: 2px 2px 5px #000; -khtml-box-shadow: 2px 2px 5px #000; border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-family: 'Quicksand Book', Calibri, Geneva, 'Microsoft Sans Serif', sans-serif; font-size:1em; width:200px;}
input:focus, textarea:focus{background-color:#ccc; outline:0;}
input.erreur, textarea.erreur{background-color:#f99;}
.submit {text-align:right; width:280px;}
.submit input{background-color:#222; border:1px solid #222; color:#fff; cursor:pointer; float:none; width:100px;}
.submit input:hover, .submit input:focus{background-color:#555; float:none;}