/* CSS Document */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ol,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none}

/* de-italicize address */
address { font-style:normal }
/* more varnish stripping as necessary... */
strong{
	font-weight:bold;
	font-size:15px;
	}
b {
	font-weight:bold;
	color: #A62900;
}
body{
	margin:0px;
	padding:0px;
	background-color:#0A0A0A;
	line-height:20px;
	color:#CCC;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	

}

html, body {
	width:100%;
	height:100%;
	
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
	color:#535252;
}
a:hover{
	text-decoration:none;
	color:#797979;
}




#content{
background-color:#0A0A0A;
padding-bottom:75px;
padding-top:30px;
	}

#footer{
	color:#FFF;
	padding-top:8px;
	background-color: #0A0A0A;
	background-image:url(../images/bg_footer.jpg);
	background-repeat:repeat-x;
	padding-bottom:40px;

	}
	
.portfolio{
	height:518px;
	width:100%;
	}
.profil{
	height:271px;
	width:100%;
	}
#titre{
	background-image:url(../images/bg_top.jpg);
	background-repeat:repeat-x;
	height:59px;
	}
.centre{
	margin:0px auto;
	width:948px;
	}
.colonne{
	width:300px;
	float:left;
	text-align:justify;
	}
.colonne_centre{
	width:330px;
	float:left;
	text-align:justify;
	}
.colonne_droite{
	width:315px;
	float:left;
	text-align:justify;
	}
.colonne2{
	width:630px;
	float:left;
	}
h2{
	font-size:18px;
	font-weight:bold;
	color:#525252;
	padding-top:22px;
	}
h3 {
	font-size:18px;
	font-weight:bold;
	color:#666;
	padding-top:22px;
}

	
.espacement{
	padding-right:49px;
	}
.bouton {
	font-family: tahoma;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #383838;
	border: 1px solid #383838;
	padding: 2px;
}
.champs {
background-color:#cccccc;
border:1px solid #E3E3E3;
color:#2D2D2D;
font-family:tahoma;
font-size:11px;
width:215px;
margin-bottom:7px;
font-weight:normal;
padding:2px;
}
.champs2 {
background-color:#cccccc;
border:1px solid #E3E3E3;
color:#2D2D2D;
font-family:tahoma;
font-size:11px;
width:103px;
margin-bottom:7px;
font-weight:normal;
padding:2px;
}
.champs3 {
background-color:#cccccc;
border:1px solid #E3E3E3;
color:#2D2D2D;
font-family:tahoma;
font-size:11px;
width:365px;
margin-bottom:7px;
font-weight:normal;
padding:2px;
}
.champs4 {
background-color:#cccccc;
border:1px solid #E3E3E3;
color:#2D2D2D;
font-family:tahoma;
font-size:11px;
width:570px;
margin-bottom:7px;
font-weight:normal;
padding:2px;
}
.lien{
	font-size:9px;
	color:#333;
	text-align:center;
	margin-top:25px;
	margin-bottom:25px;
	}
a.bouton_cellule{
	color:#FFF;
	padding:7px;

	display:block;
	
	}
a.bouton_cellule:hover{
	
	background-color:#151515;
	display:block;
	
	padding:7px;

	
	}
.gris{
	color:#535252;
	}