/*
Feuille de style pour le design du CV de Benjamin DANON

Cette feuille de style a été écrite par Benjamin 'sphax3d' pour son CV. Vous avez bien sûr l'autorisation d'utiliser les idées de cette feuille de style pour vos réalisations :-)
Dernière modification faite le 20/11/08.
Benjamin 'sphax3d' - sphax3d@gmail.com - http://sphax3d.org/
*/

/*
Ordre de définition des styles dans ce fichier :
- Structure de la page
- Définitions globales
- Retour
- Actions
- Carte
- Contenu
- Bas de page
- Stickers
*/

@import 'reset-meyer-081123.css' ;



/* ================================================== Structure de la page */

div#retour-contenu, div.actions, div#page, ul#stickers
{
	width : 70em ;
	margin : auto ;
}



/* ================================================== Définitions globales */

body
{
	margin-bottom : 2em ;
	color : #666 ;
	font-size : 0.8em ;
	font-family : verdana, sans, sans-serif ;
	line-height : 1.4em ;
	letter-spacing : 0.03em ;
	word-spacing : 1px ;
}

div#page
{
	margin : 2em auto ;
	padding : 2em 0 ;
	background : #fff url("image/fond-sphax3d-org-bg-081123.png") no-repeat top right ;
	border : 1px solid #ccc ;
}

a
{
	color : #666 ;
	border-bottom : 1px solid #eee ;
	text-decoration : none ;
}

a:hover
{
	border-bottom : 1px solid #666 ;
}

abbr
{
	border-bottom : 1px dotted #eee ;
	cursor : help ;
}

abbr:hover
{
	border-bottom : 1px dotted #666 ;
}

::-moz-selection
{
	color : #fff ;
	background-color : #33aa33 ;
}



/* ================================================== Retour */

div#retour
{
	padding : 0.2em 0 0.4em 0 ;
	color : #fff ;
	background-color : #39f ;
	border-bottom : 2px solid #28e ;
}

div#retour a
{
	color : #fff ;
}

div#retour a:hover
{
	color : #39f ;
	background-color : #fff ;
	border-bottom : 1px solid #fff ;
}


/* ================================================== Actions */

div.actions
{
	margin-top : 2em ;
	text-align : right ;
}

div.actions ul
{
	list-style-type : none ;
}


div.actions ul li
{
	display : inline ;
	padding-left : 1em ;
}

div.actions ul li a
{
	padding : 0.5em 0.8em ;
	color : #666 ;
	border : 1px solid #ccc ;
	text-decoration : none ;
}

div.actions ul li a:hover, div.actions ul li a:focus
{
	color : #fff ;
	background-color : #39f ;
}



/* ================================================== Carte */

h1
{
	color : #3a3 ;
}

#carte
{
	width : 22em ;
	margin : 0 1.8em ;
	margin-bottom : 2.5em ;
	border : 1px solid #ccc ;
	font-size : 1.2em ;
}

#carte-contenu
{
	margin : 1em ;
	background : url("image/logo-sphax3d-org.png") no-repeat right top ;
}

#carte-geo
{
	display : none ;
}

#carte-adresse, #carte-contact
{
	margin-bottom : 0.5em ;
}



/* ================================================== Contenu */

div#contenu
{
	margin : 0 2em ;
}

p#fonction
{
	margin-bottom : 0.5em ;
	font-size : 2em ;
	font-style : italic ;
	font-variant : small-caps ;
	text-align : center ;
}

h2
{
	padding : 0 1.1em 0.2em 1.1em ;
	color : #f93 ;
	border-bottom : 1px solid #ccc ;
	font-size : 1.2em ;
	font-style : italic ;
}

.section
{
	margin-bottom : 1.6em ;
}

.section dl.section-contenu
{
	padding-left : 1.4em ;
	padding-right : 1.4em ;
}

.section dl dt, .section dl, dd
{
	padding : 0.3em 0em ;
}

.section dt
{
	float : left ;
	width : 13em ;
	color : #39f ;
	font-weight : bold ;
}

.section dd
{
	margin-left : 13em ;
}

ul#stickers li#spampoison
{
	display : none ;
}



/* ================================================== Bas de page */

ul#basdepage
{
	margin-left : 4.2em ;
	color : #999 ;
	font-size : 0.8em ;
}

ul#basdepage a:hover
{
	border-bottom : 1px solid #999 ;
}

ul#basdepage li.print
{
	display : none ;
}



/* ================================================== Stickers */

ul#stickers li
{
	display : inline ;
}

ul#stickers a
{
	border : 0 ;
}