/* Start of CMSMS style sheet '3 - Menu Principal - 1 - Accueil' */
/*
 * Google Talk
 */
iframe#google-talk
{
  float : right;

  margin-top : 1em;
}


/*
 * Présentation ------------------------------------------------------------------------------------------------
 */

/* Général */
div#presentation
{
  clear : both;
  
  margin-top : 2em;
  
  padding-bottom : 7px;
  
  height : 150px;
  
  background  : #91a5ae url(images/misc/shadow_bottom_7px.png) repeat-x bottom;
  
  color : #ecf7fd;
}

div#presentation div
{
  float : left;
}

/* Diplômes */
div#diplomes
{
  padding : 20px;
  
  border-right : 1px solid #ecf7fd;
  
  width : 516px;
  height : 110px;
  
  letter-spacing : 0.5px;
}

div#diplomes h2
{
  text-decoration : underline;
  
  font-size : 1.2em;
  font-weight : 700;
}

div#diplomes div.NewsSummary
{
  margin-top : 1em;
}

div#presentation div div.NewsSummary
{
  float : none;
}

div#diplomes h3
{
  font-size : 1em;
  font-weight : 400;
}

div#diplomes a
{
  color : #ecf7fd;
}

div#diplomes a:hover
{
  font-style : italic;
}


/* Etat Civil */
div#etat_civil
{
  padding : 20px;
  
  border-left : 1px solid #ecf7fd;
  border-right : 1px solid #ecf7fd;
  
  width : 150px;
  height : 110px;
  
  letter-spacing : 0.5px;
  
  text-align : right;
  
  font-size : 1.2em;
  font-weight : 700;
}


/* Photo */
div#photo
{
  border-left : 1px solid #ecf7fd;
  
  width : 210px;
  height : 150px;
  
  background : #b1c2cb url(images/pages/qui-suis-je/photo.png) no-repeat top left;
}



/*
 * Introduction -------------------------------------------------------------------------------------------------
 */
h1.accueil
{
  margin-top : 1.5em;
  margin-left : 2em;
  
  padding-bottom : 0.2em;
  padding-left : 1.5em;
  
  border-bottom : 2px #192f3c solid;
  
  width : 680px;
  
  color : #45738b;
  
  font-size : 1.4em;
}

div#accueil-intro
{
  margin-bottom : 2em;
  margin-left : 60px;
  margin-right : 60px;
}

div#accueil-intro p
{
  margin-top : 1em;
  margin-bottom : 1em;
  
  text-align : justify;
}

div#accueil-intro a
{
  color : #91A5AF;
  
  text-decoration : underline;
}

div#accueil-intro a:hover
{
  background : #91A5AF;
  
  color : #ECF7FD;
}

div#accueil-intro ul
{
  margin-left : 1.5em;
  
  list-style : circle;
}



/*
 * Boutons -----------------------------------------------------------------------------------------------------
 */

h2.pages_button
{
  font-size : 1em;
  font-weight : 400;
}

/* Compétences */
a#skills
{
  display : block;
  float : left;
  
  margin-left : 20px;
  
  padding-left : 35px;
  
  width : 415px;
  height : 100px;
  
  background : url(images/pages/qui-suis-je/btn_skills.jpg) top no-repeat;
  
  line-height : 100px;
  
  color : #fff;
  
  font-size : 2em;
}

a#skills:hover
{
  background : url(images/pages/qui-suis-je/btn_skills.jpg) bottom no-repeat;
}


/* Expériences Professionnelles */
a#experiences
{
  display : block;
  float : right;
  
  margin-bottom : 2em;
  margin-right : 20px;
  
  padding-right : 35px;
  
  width : 415px;
  height : 100px;
  
  background : url(images/pages/qui-suis-je/btn_experiences.jpg) top no-repeat;
  
  line-height : 100px;
  
  color : #fff;
  
  text-align : right;
  
  font-size : 2em;
}

a#experiences:hover
{
  background : url(images/pages/qui-suis-je/btn_experiences.jpg) bottom no-repeat;
}


/* Réalisations */
a#realisations
{
  display : block;
  clear : both;
  
  margin-bottom : 2em;
  margin-left : auto;
  margin-right : auto;
  
  width : 450px;
  height : 100px;
  
  background : url(images/pages/qui-suis-je/btn_realisations.jpg) top no-repeat;
  
  line-height : 100px;
  
  color : #fff;
  
  text-align : center;
  
  font-size : 2em;
}

a#realisations:hover
{
  background : url(images/pages/qui-suis-je/btn_realisations.jpg) bottom no-repeat;
}


/*
 * Curriculum Vitae -----------------------------------------------------------------------------------------------------------
 */
div#curriculum-vitae
{
  margin-bottom : 3em;
  margin-left : auto;
  margin-right : auto;
  
  width : 550px;
  height : 140px;
  
  background : url(images/pages/qui-suis-je/div_curriculum-vitae.png) no-repeat;
  
  color : #fff;
  
  line-height : 2.5em;
  
  text-align : right;
  
  font-size : 1.2em;
  font-weight : 700;
}


div#curriculum-vitae a#btn-pdf
{
  display : block;
  float : right;
  
  margin-left : 1em;
  margin-right : 13px;
  
  padding-top : 3px;
}


div#curriculum-vitae p
{
  padding-top : 1em;
}


/*
 * Deezer
 */
object#deezer
{
  display : block;
  clear : left;
  
  margin-bottom : 1.5em;
  margin-left : auto;
  margin-right : auto;
  
  width : 500px;
  height : 469px;
}


/* End of '3 - Menu Principal - 1 - Accueil' */