/* ARCHITECTURE */



body {
	color:#000000;
	font-family:Georgia, Helvetica, Verdana, Sans-serif;
	font-size:10px;
	line-height:16px;
	margin:0;
	padding:0;
	text-align:left;
}


#content{
	background-color:#FFFFFF;
	font-size:11px;
	padding-left:20px;
	padding-top:80px;
	width:1024px;
}

#titrenom{
	clear:none;
	display:inline-block;
	float:left;
	margin:0;
	padding:0;
	width:1024px;
	border-color:#FF0000
}

.titre_typo {
	color:#000000;
	display:block;
	font-size:11px;
	line-height:13px;
	margin:0;
	padding:0;
}

.italic {
	color:#333333;
	font-style:italic;
	text-decoration:underline;
}


.clear {
	clear:both;
	height:15px;
	width:100%;
	background-color:#FFFFFF;
	}

.menu {
	color:#333333;
	display:block;
	font-size:11px;
	font-style:normal;
}

a.menu:hover {
	color:#666666;
	display:block;
	font-size:11px;
	font-style:normal;
	text-decoration:underline;
}

a.menu:visited {
	color:#333;
	display:block;
	font-size:11px;
	font-style:normal;
}


.sousmenu2 {
	color:#999999;
	display:block;
	font-size:11px;
	font-style:italic;
	line-height:12px;
	margin-left: 30px;

}

a.sousmenu2:hover {
	color:#FFFFFF;
	font-style:normal;
	font-style:italic;
	text-decoration:none;
	font-size: 11px;
	background-color:#000000;
	margin-right: 900px;
	
}

a.sousmenu2:visited {
	color:#999;
	font-style:italic;
	text-decoration:none;
	font-size: 11px;
}

.sousmenuactive {
	color:#FFFFFF;
	background-color:#000000;
	display:block;
	font-size:11px;
	font-style:italic;
	line-height:12px;
	margin-left: 30px;
	margin-right: 900px;


}

.pageactive {
	color:#FFFFFF;
	background-color:#000000;
	font-size:11px;
	font-style:italic;
	font-weight:normal;
	text-decoration:none;
}


/*BANDEAU*/

.bandeau_262{
	border-top:1px solid #cccccc;
	border-bottom:6px solid #000000;
	float:left;
	padding-top:4px;
	width:262px;
	}


.espace {
	border:1px none;
	clear:none;
	float:left;
	height:1px;
	width:20px;
}


.bandeau_220 {
	border-bottom:6px solid #000000;
	border-top:1px solid #cccccc;
	float:left;
	padding-top:4px;
	width:220px;
}

.bandeau_longueur {
	float:left;
	padding-top:10px;
	padding-bottom:15px;
	width:502px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000000;
}

.bandeau_blanc {
	float:left;
	padding-top:10px;
	padding-bottom:15px;
	width:502px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

/*PORTFOLIO*/

#edition {
	background-color:#FFFFFF;
	display:block;
	float:left;
	width:1024px;
}

.gauche{
	float:left;
	width:502px;
	background-color:#FFFFFF;
}


#colonne{
	float:left;
	width:502px;
	background-color:#FFFFFF;
}


.colonne1{
	float:left;
	width:262px;
}

.colonne2{
	float:left;
	width:220px;
}








/* DESCRIPTION DES BOULOTS*/
.description_titre {
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	color:#000000;
	display:block;
	font-size:12px;
	line-height:13px;
	margin:2px 0 12px;
	padding-bottom: 10px;
	padding-top: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}


.description_texte {
	color: #333333;
	font-size: 11px;
	line-height: 14px;
	padding-botttom:30px;
	padding-top:50px;
}

.description_format {
	color: #333333;
	font-size: 8px;
	font-style:italic;
	line-height: 11px;
	padding-top:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top:1px solid #CCCCCC;
}







/*LIENS WEB*/


a {
	color:#000000;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	font-size: 11px;
}

a:hover {
	color:#FFFFFF;
	background-color:#000000;
	font-size:11px;
	font-style:normal;
	text-decoration:none;
}


.signature  {
	color : #000000;
	font-size : xx-small;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-style : italic;
	line-height : 11px;
}


a.signature=hover{
	color:#000000;
	font-size:xx-small;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height: 11px;
	text-decoration:underline;
}

a.signature=visited{
	color:#000000;
	font-size:xx-small;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height: 11px;
}


/*JAVASCRIPT*/

.clearfix:after {
  clear:both;
  content:".";
  display:block;
  height:0;
  visibility:hidden;
}
  .clearfix, .givelayout {
}

h1, h2, h3 , p{
  font-size:1.1em;
}
h2, h3{

  font-weight:normal;
}
h3{
  font-size:1em;
}

#wrapper{
  text-align:left;
}
div#header{
  background-color:#fff;
  width:100%;
}
div#header .item{
  height:10px;
}
div#header .item h3{
  text-align:left;
  margin:0;
}
div#header .item ul{
  margin-top:36px;
  width:502px;
}
div#header .item ul li{
  float:left;
  width:263px;
  margin:0;
}





div#header p{
  margin:0;
}
div.item{
  width:502px;
}
.item h2, .item h3{
  font-style:italic;
}
.item h3{
  color:#666;
}
.item p,
.item li{
  color:#888;
  margin-top:5px;
  margin-right:250px;
  font-size:1em;
  font-style:italic;
}
div.item h2, div.item h3 , div.item p{
  margin-left:263px;
}
div.item .thumbs{
  width:262px;
  float:right;
}
div.item .thumbs a{
  margin-left:1px;
  margin-bottom:1px;
  display:block;
  width:75px;
  height:75px;
  float:left;
}
div.item .primary{
  left:9px;
  top:18px;
  float:left;
  cursor:pointer;
  border:solid 1px transparent;
}
div.item .primary:hover{
  border:solid 1px #fff;
}

.item img.sample{
  margin-top:10px;
  display:none;
  clear:left;
  float:left;
  width:500px;
  height:500px;
  cursor:pointer;
}