/* WWW.PAULPOUBANNE.COM */

/* RESETTING */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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; }
p { border: 0; outline: 0; margin: 0 0 5px 0; font-size: 100%; vertical-align: baseline; background: transparent; }
p img { vertical-align:middle; }
html { height:100%; }
body { line-height: 1; height:100%; }
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; }

/* TYPES */
@font-face { font-family: 'Avenir Roman'; src: url('../types/avenirroman.eot'); src: local('Avenir Roman'), url('../types/avenirroman.woff') format('woff'), url('../types/avenirroman.ttf') format('truetype'), url('../types/avenirroman.svg#webfontuIMyX2GV') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Avenir Black'; src: url('../types/avenirblack.eot'); src: local('Avenir Black'), url('../types/avenirblack.woff') format('woff'), url('../types/avenirblack.ttf') format('truetype'), url('../types/avenirblack.svg#webfontuIMyX2GV') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Avenir Light'; src: url('../types/avenirllight.eot'); src: local('Avenir Light'), url('../types/avenirllight.woff') format('woff'), url('../types/avenirllight.ttf') format('truetype'), url('../types/avenirllight.svg#webfontuIMyX2GV') format('svg'); font-weight: normal; font-style: normal; }

/* TEXTES */
h1 { font:30px "Avenir Black", Helvetica, Arial, sans-serif; text-transform:uppercase; color:#86CBED; margin-bottom:-5px; }
h2 { font:26px "Avenir Roman", Helvetica, Arial, sans-serif; text-transform:uppercase; color:#86CBED; }
h3 { font:22px "Avenir Light", Helvetica, Arial, sans-serif; text-transform:uppercase; color:#C7C7C7; }
h4 { font:20px "Avenir Light", Helvetica, Arial, sans-serif; text-transform:uppercase; color:#C7C7C7; }
h6 { font:12px "Avenir Light", Helvetica, Arial, sans-serif; text-transform:uppercase; color:#C7C7C7; }

a, a:visited { font-family:"Avenir Black", Helvetica, Arial, sans-serif; text-decoration:none; color:#86CBED; }
a:hover, a:active { font-family:"Avenir Black", Helvetica, Arial, sans-serif; text-decoration:none; background-color:#86CBED; color:#FFF; }

::-moz-selection { background:#86CBED; color:white; }
.highlight { font-family:"Avenir Black", Helvetica, Arial, sans-serif; color:#86CBED; }
.black { font-family:"Avenir Black", Helvetica, Arial, sans-serif; }
.roman { font-family:"Avenir Roman", Helvetica, Arial, sans-serif; }
.light { font-family:"Avenir Light", Helvetica, Arial, sans-serif; }

/* STYLES */
body { font:12px "Avenir Roman", Helvetica, Arial, sans-serif; text-align:center; color:#7D7D7E; }
.clear { clear:both; }
#conteneur { width:790px; margin:0 auto; text-align:left; }
#conteneur #header { width:790px; height:55px; margin-bottom:20px; padding-top:25px; }
#conteneur #focus { width:790px; margin-bottom:20px; border-bottom:1px solid #C7C7C7; }
	#conteneur #focus .bandeau { margin-bottom:20px; }
	#conteneur #focus .infos { padding-bottom:20px; }
	#conteneur #focus .infos p { font-size:14px; }
#conteneur #projets { width:790px; margin:20px 0; }
	#conteneur #projets li { list-style:none; width:250px; height:380px; margin-right:20px; float:left; }
	/*#conteneur #projets li a, #conteneur #projets li a:visited { display:block; }
	#conteneur #projets li a:hover, #conteneur #projets li a:active { color:#3F1511; padding:10px 5px; display:block; }*/
	#conteneur #projets .last { margin-right:0; }
	#conteneur #projets li .visuel { margin-bottom:10px; }
#conteneur #contact { width:790px; margin:20px 0 40px 0; }
	#conteneur #contact .infos { width:250px; margin:0 20px 40px 0; float:left; }
	#conteneur #contact .form { width:520px; margin-bottom:40px; float:left; }
	#conteneur #contact .form .champ { width:520px; margin-bottom:20px; clear:both; }
	#conteneur #contact .form .champ .label { display:block; width:126px; float:left; font-family:"Avenir Roman", Helvetica, Arial, sans-serif; color:#86CBED; }
	#conteneur #contact .form .champ .textinput { width:378px; padding:5px; margin-top:-8px; font:12px "Avenir Light", Helvetica, Arial, sans-serif; }
	#conteneur #contact .form .champ .textarea { width:380px; padding:5px; margin-top:-8px; font:12px "Avenir Light", Helvetica, Arial, sans-serif; }
	#conteneur #contact .form .submit { padding:5px 10px; color:#FFF; background-color:#86CBED; border:none; cursor:pointer; font:14px "Avenir Roman", Helvetica, Arial, sans-serif; float:right; }