/***/
/** CSS - Stephane Clement **/
/** CSS - generique **/
*
{
	margin: 0px;
	padding: 0px;
	font-size:12px;
	font-family:"Verdana", Arial, Tahoma;
}

html
{
	width: 100%;
	height: 100%;
}

body
{
	width: 100%;
	height: auto;
	min-height: 100%;
	max-height: none;
	position: relative;
	background: #3d362b url('images/pave/content.strille.bg.png') repeat top left;
}

/***/
a, a:link, a:visited, a:active
{

	cursor: pointer;
	text-decoration: none;
}

img
{
	border: none;
}

li
{
	list-style-type: none;
}

.spacer
{
	clear: both;
}

.button
{
	display: block;
}

.button span
{
	display: none;
}

/***/
/** CSS - DOM HTML **/

/***/
/*container*/
#container
{
	width: 100%;
	height: auto;
	margin: auto;
	padding-bottom: 169px;
	position: relative;
}

/***/
/*header*/
#container #header
{
	width:100%;
	height:200px;
	margin: auto;
	background: #3d362b url('images/header/fond_header.png') repeat-x top left;
}

#container #header #header_content
{
	width: 727px;
	height: 100%;
	margin: auto;
	position: relative;
	top: 40px;
}


#container #header #logo
{
	float:left;
	width: 270px;
	height: 87px;
	background: url('images/header/logo.png') no-repeat bottom left;
}

/***/
#container #header #communautaire
{
	float:right;
	width: auto;
	height: auto;
	position:absolute;
	top: 40px;
	right: 10px
	
}

#container #header #communautaire #delicious
{
	float:left;
	width: 25px;
	height: 26px;
}

#container #header #communautaire #scoopeo
{
	float:left;
	width: 25px;
	height: 27px;
}

#container #header #communautaire #mail
{
	float:left;
	width: 23px;
	height: 23px;
	background:url('images/header/icone_mail.png') no-repeat bottom left;
}

#container #header #communautaire #reflet
{
	float:left;
	width: 77px;
	height: 27px;
	background: url('images/header/reflet_icones.png') no-repeat top left;
}

/***/
#container #header #menu
{

	
	width: 727px;
	height: auto;
	margin: auto;
	padding-top: 15px;
}

#container #header #menu div.ssMenu

{
	float:left;
	width: 169px;
	padding-left: 10px;
	padding-top: 20px;
}

#container #header #menu div.ssMenu div.puce
{
	float:left;
	width: 25px;
	height: 25px;
}

/***/
#container #header #menu div.ssMenu #ssmenu_cv

{
	width: 80px;
	margin: auto;
}



/***/
#container #header #menu div.ssMenu #ssmenu_photos
{
	width: 130px;
	margin: auto;
}


/***/
#container #header #menu div.ssMenu #ssmenu_graphisme
{
	width: 80px;
	margin: auto;
}

/***/
#container #header #menu div.ssMenu #ssmenu_videos
{
	width: 100px;
	margin: auto;
}
/***/
#container #header #menu div.sep_vertical
{
	float: left;
	width: 1px;
	padding-right: 2px;
	height: 58px;
	background: url('images/item_comm/sep_ver.gif') no-repeat top left;
}

/***/
/*contenu*/
#container #contenu 
{
	width: 727px;
	height: auto;
	min-height: 100%;
	max-height: none;
	margin: auto;
}

/***/
#container #contenu #rubriques
{
	width: 727px;
	height: 72px;
	margin: auto;
	padding-top: 20px;
	background:url('images/menu/fond_menu.png') no-repeat bottom left;
	
}

#container #contenu #rubriques div.ssRubriques 
{
	float: left;
	width: 179px;
	height: 65px;
	padding-top: 3px;
	text-align: right;
	color: #3d362d; 
}

#container #contenu #rubriques div.ssRubriques a
{
	
	padding-top:3px;
	text-align: center;
	color: #3d362d; 
}

#container #contenu #rubriques div.ssRubriques  #cv
{
	width: 169px;
	height: 63px;
	padding-left: 5px;
	background:url('images/pave/cursus.jpg') no-repeat top right;
	display: block;
}

#container #contenu #rubriques div.ssRubriques  #cv span
{
	display: none;
}

#container #contenu #rubriques div.ssRubriques  #photo
{
	width: 183px;
	height: 63px;
	background: url('images/pave/photos.jpg') no-repeat top right;
	display: block;
}

#container #contenu #rubriques div.ssRubriques  #photo span
{
	display: none;
}

#container #contenu #rubriques div.ssRubriques  #graphisme
{
	width: 184px;
	height: 64px;
	background:url('images/pave/graphisme.jpg') no-repeat top right;
	display: block;
}

#container #contenu #rubriques div.ssRubriques  #graphisme span
{
	display: none;
}

#container #contenu #rubriques div.ssRubriques  #video
{
	width: 172px;
	height: 64px;
	background:url('images/pave/video.jpg') no-repeat top left;
	display: block;
}

#container #contenu #rubriques div.ssRubriques  #video span
{
	display: none;
}


#container #contenu #rubriques div.trait_sep_vertical
{
	float:left;
	width: 3px;
	height: 67px;
	background:url('images/menu/trait_sep_vertical.png') no-repeat bottom left;
}

/***/
#container #contenu #sep_haut
{
	
	width: 729px;
	height: 2px;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	background: url('images/pave/ligne_sep_horizontal_haut.png') no-repeat center;
}

/***/
#container #contenu #content div.pave
{
	float:left;
	width: 168px;
	height: 265px;
	padding-left: 18px;
	background-repeat: no-repeat;
	background-position: center right;
}

#container #contenu #content div.pave a.titre 
{
	width: 155px;
	margin: auto;
	padding-top: 20px;
	font-size:14px;
	font-family: "Times New Roman";
	color: #3d362d;
	text-align: center;
	text-decoration: underline;
	display: block;
}

#container #contenu #content div.pave  span 
{
	padding-right: 15px;
	font-size:12px;
	font-family: "Times New Roman";
	color: #7e770a;
	text-align: right;
	text-decoration: none;
	display: block;
}

#container #contenu  div.pave div.descriptif
{
	width: 156px;
	margin: auto; 
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	font-family: "Verdana";
	font-size: 9px;
}

#container #contenu  #cursus div.descriptif
{
	padding-top: 87px;
}

#container #contenu  #photos div.descriptif
{
	padding-top: 110px;
}

#container #contenu  #direction_artistique div.descriptif
{
	padding-top:50px;
}

#container #contenu  #voyages div.descriptif
{
	padding-top: 23px;
}

#container #contenu  div.pave div.english
{
	width: 155px;
	margin: auto; 
	padding-top: 5px;
	padding-right: 5px;
	font-style: italic;
	font-family: "Verdana";
	font-size: 9px;
	color: #4e4e4e;
}

#container #contenu #content div.block_sep
{
	width: 154px;
	height: 2px;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	background: url('images/pave/block_sep_horizontal.png') no-repeat center left ;
}

#container #contenu #content div.pave a.lien 
{
	width: 155px;
	height:15px;
	padding-top: 5px;
	font-size:10px;
	font-family: "Verdana";
	font-weight: bold;
	color: #3d362d;
	text-align: right;
	display: block;
}

#container #contenu #content div.pave#cursus
{
	padding-left: 0px;
	background-image: url('images/pave/fond_cursus.gif');
}

#container #contenu #content div.pave#photos
{
	background-image: url('images/pave/fond_photo.gif');
}

#container #contenu #content div.pave#direction_artistique
{
	background-image: url('images/pave/fond_graphisme.gif');
}

#container #contenu #content div.pave#voyages
{
	background-image: url('images/pave/fond_voyage.gif');
}

/***/
#container #contenu #sep_bas
{
	width: 565px;
	height: 2px;
	margin: auto;
	padding-bottom: 40px;
	background: url('images/pave/ligne_sep_horizontal_bas.png') no-repeat center;
}

/***/
/*footer*/
#footer
{
	z-index: 5;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 169px;
	position: absolute;
	background: url('images/footer/fond_footer.png') repeat-x top left;
}

#footer #copy
{
	left: 0px;
	bottom: 10px;
	width: 100%;
	position: absolute;
	text-align:center;
	color: white;
	font-size: 10px;
}