/* css du cv de Xavier Lacot
 * http://www.lacot.org/
 *
 * This file comes from the website http://www.lacot.org/ and is published under
 * the Creative Commons Attribution-ShareAlike 2.5 License. To view a copy of
 * this license, visit http://creativecommons.org/licenses/by-sa/2.5/ or send a
 * letter to Creative Commons, 543 Howard Street, 5th Floor, San Francisco,
 * California, 94105, USA.
 */


/* Structure
 *
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * display
 * text-align
 */

* {
margin: 0;
padding: 0;
line-height: 1.4em;
}

body {
padding: 35px;
}

h2 {
margin-top: 2.5em;
line-height: 1em;
}

header {
display: block;
margin: 0 auto;
padding: 0;
width: 826px;
}

ul {
text-align: justify;
}

li ul {
margin-left: 180px;
}

li ul li {
margin-top: 10px;
}

li ul li div {
clear: left;
float: left;
width: 160px;
text-align: right;
margin-left: -180px;
}

li ul li div.explications {
clear: none;
float: none;
width: auto;
text-align: justify;
}

li ul li p {
padding: .5em 0;
}

li ul li p.bottom {
margin-bottom: 1em;
}

li ul li p.top {
margin-top: 1em;
}

.spacer {
clear: both;
}

.technologies {
display: block;
}

#content {
margin: 0 auto;
padding: 20px 30px;
position: relative;
width: 806px;
}

/* contact */
#coordonnees #adresse, #coordonnees .tel {
margin-top: 1em;
}

/* Barre de choix de langue */
#langues {
height: 30px;
margin: 0;
padding: 0;
text-align: right;
}

#langues ul {
margin: 0;
padding: 0;
display: inline;
}

#langues ul li {
display: inline;
}

#langues ul li a {
display: block;
float: right;
height: 16px;
margin: 0 0 0 20px;
padding: 0;
}

/* social networks */
#social-networks {
position: absolute;
right: 30px;
text-align: right;
top: 20px;
}

#social-networks dt {
display: none;
}



/* Decoration
 *
 * color
 * border
 * font-size
 * font-style
 * background
 * font-family
 * font-weight
 * line-height
 * text-decoration
 * list-style-type
 */

* {
color: #111;
font-size: .98em;
font-family: "Gill Sans","Trebuchet MS",Verdana,Helvetica;
}

a {
color: #47a;
text-decoration: none;
}

a em {
color: #47a;
font-style: inherit;
}

a:hover {
color: #f20000;
text-decoration : underline;
}

a em:hover {
color: #f20000;
}

a img {
color: #fff;
border: none;
}

body {
background-color: #eee;
}

h1 {
font-size: 2.5em;
font-weight: normal;
}

h2 {
font-size: 1.3em;
font-weight: normal;
}

li ul div {
font-weight: normal;
}

li ul div.explications {
font-weight: normal;
}

ul {
list-style-type: none;
}

#content {
background-color: #fff;
-moz-border-radius: 10px;
-op-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border:1px solid #ccc;
-moz-box-shadow: 0 0 30px #aaa;
-webkit-box-shadow: 0 0 30px #aaa;
box-shadow: 0 0 30px #aaa;
}

#coordonnees #photo {
border: 1px #aaa solid;
}

#footer {
background-color: transparent;
}

#langues a {
color: #fff;
-moz-box-shadow: 0 0 30px #555;
-webkit-box-shadow: 0 0 30px #555;
box-shadow: 0 0 30px #555;
}


#langues a:hover {
color: #fff;
-moz-box-shadow: 0 0 30px #fff;
-webkit-box-shadow: 0 0 30px #fff;
box-shadow: 0 0 30px #fff;
}