/**
 * Page Personnel : France
 * @copyright : Michael Page EDP
 * @date : 04-03-2005
 * @author : Yoann LE GOFF
 * -------------------------------------------
 * @content : Style General du site internet
*/

/* Propriete generale : */

body, .content {
 margin:0;
 padding:0;
 background-color: #fff;
 color: #090909;
 font-family: verdana, sans-serif;
        line-height:105%;
        font-size: 100%;
        }

/*.page {
  width:760px;
  margin:4em auto;
}*/

a {
  text-decoration:underline;
  color:#E42518;
}

a:hover {
 text-decoration : none;
}

a.nolink {
          text-decoration:none;
          }
a.nolink {text-decoration:none !important; color:#E42518;}/* color:inherit !important; background-color:inherit !important;*/
a.nolink:hover {text-decoration:none !important; color:#E42518;} /*color:inherit !important; background-color:inherit !important;*/

h1 a, h2 a, h3 a, h4 a {text-decoration:underline !important;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {text-decoration:none !important;}

img {border:0;}

dl {margin-top:15px;}
dd {padding:0 0 0 15px; margin:0;}


p.accroche {
        text-align:right;
        margin:0;
 position:absolute;
 font-family: "Lucida Grande", "Trebuchet MS", Verdana, serif ;
 top: 35px;
 right:255px;
 width:250px;
 }

#etudesrem p.accroche {
        text-align:right;
        margin:0;
 position:absolute;
 font-family: "Lucida Grande", "Trebuchet MS", Verdana, serif ;
 top: 35px;
 right:0px;
 width:500px;
 }


/*h* {font-family: Georgia, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;}*/

h1 {  font-size:1.5em;
 margin:5px;
 color:#000;
        Background:#FFF;
 }

h1.logo {
        padding-top:5px;
 display:block;
 width:230px;
 text-align:left;
 }


h2 {
 margin: 15px 5px 5px 10px;
     /*   padding:0em .5em;*/
 font-size:1.1em;
        line-height:1.3em;
        width:90%;
        color:#000;
        background:#FFF;
 }

h3 {
 margin : 15px  10px ;
 font-size : 1em;
        width:80%;
        color:#000;
        background:#FFF;
 }

h4 {
 margin : 10px ;
 font-size : .9em;
        color:#000;
        background:transparent;
 }


h5{
 font-weight : bold;
 font-style : italic;
 font-size : .80em;
        margin:5px 15px;
        color:#000;
 }

h6 {
  margin:0 5px;
  font-weight:bold;
  font-size:.70em;
  display:list-item;
  list-style-type:square;
  margin-left:25px;
  font-style : italic;
  }


hr {width:60%; border:0; height:1px; margin-top:20px;}

pre {
  font-family: verdana, sans-serif;
  margin:10px;
  }

td, th { font-size: .8em; text-align:center;}
th {text-align:center;}


.comment {
 color : #707173;
        background-color: transparent;
 font-style: italic;
 }
p.comment {
  width:98%;
  margin: 0 5px 10px 3px;
  padding: 0 5px;
}

.go_top {
text-align:right !important;
}

.highlight {font-weight:bold; color:#000; background-color:#FFF;}
.highlight a {text-decoration:underline;}



/* FORMULAIRE */



form, fieldset {
        border:0;
 padding: 0;
 margin: 0;
      width:99%;
 }

/*input, textarea {-moz-border-radius : 4px;}*/

input, select *, textarea {
      border: 1px solid #FFF;
      font-family:sans-serif !important;
      font-size:1em !important;
      position:relative;
      vertical-align:middle;
      color:#000;
      background:#FFF;
      padding:1px 2px;
 }

option {
 padding : 1px;
 }

select.single-select {
 padding:0;
 margin:0;
 }

select.multi-select {
      width:235px;
      //width:100%;
      //_width:100%;
      padding:5px;
      height:80px;
      border:1px solid #636363;
}




/* Submit's */

p.submit {display:block; height:30px; width:450px; text-align:right;}

.input-submit {
        float:right;
        font-size:110%;
        font-weight:bold !important;
        width:auto !important;
}
input.input-radio {background:none !important; border:0 !important; width:20px !important; vertical-align:middle !important;}

#pushs input {background:#FFF; color:#000;}
#pushs label {display:none;}
#pushs input.input-submit {background:#DBD7CC;  color:#707173; font-weight:bold; margin-right:0px; float:right;}

/*
#home h2 a, #home h2 a:hover {text-decoration:none;}
#home h2 a {
  background:#EBF2FA;
  color:#0E207E;

}
*/

/* Container de la page
 * -------------------------------------------
 */

.page {
        position:absolute;
        left:50%;
        margin-left:-380px;
        top:25px;
 width:760px;
 }

.content {
        float:left;
        position:relative;
 width:515px;
 margin:15px 0px 0 0;
}


.content ul {margin:3px 5px 10px 10px !important;}
.content li {list-style-type:none; padding:0; margin: 0 0 0 20px;}
.content .puce li {list-style-type:circle; padding:0; margin: 0 0 0 20px;}
.content .italic, .content .italic * { font-style:italic;}
.content .puce li a,.content .puce li a:hover {padding-left:0; background: none !important;}
.content li a {}
.content li a:hover {}
/*
.content p a {text-decoration: underline !important;}
.content p a:hover {text-decoration: none !important;}
*/

#etudesrem  .content  {width:760px;}
#etudesrem  table  {background:#FFF; color:#000; width:100%;}

.content p {
width:95%;
padding:0 5px;
}

.content .block_divers p {
width:95%;
padding:5px 5px 5px 10px;
}


.content p, .content li, .content dt, .content dd, .content pre {line-height:1.3em !important; font-size:12px !important;} /*Because of imbrication*/
.content li ul li, .content li ul li a {line-height:inherit; font-size:inherit;}
.content form p {margin: 0 0;}

#pushs .banner p, #pushs .banner p a {padding:0 !important; margin:0 !important; background:none !important;}

#pushs .banner {padding:0 !important; margin-left:1px;}

#pushs {
        margin: -30px 0 0 8px;
        width:235px;
        padding:0 0 0 0;
        float:left;
        potision:relative;

}



#pushs ul {
 padding : 0;
 margin:2px 0;
 }

#pushs li {
        margin:0;
        padding:0;
 display:block;
 list-style-type : none;
 }

#pushs li a {
 border :0;
 padding : 0 0 0 10px;
 }

#pushs .push  {
      margin-top:5px;
}

.push {
/* -moz-border-radius : 8px;*/
 float:left;
 position:relative;
 margin: 4px 0 4px 0;
 width:220px;
 padding: 4px;
        }

.push ul li a {background-color:transparent;}


#pushs p {
 margin:5px;
 padding:0;
        font-size:10px;
        line-height:14px !important;
 }

#pushs li {
        margin:2px;
 padding:0;
        font-size:10px;
        line-height:12px !important;
 }

#push li li {
        font-size:10px !important;
        }

#pushs h3 {font-size: .8em; margin:10px 5px;}

#pushs hr { display:none;
 width:100%;
 height:2px;
 border:0;
 margin: 20px 0 10px 0;
}


/* MENU PRINCIPAL
 * -------------------------------------------
 */
#main-nav {
        background:#FFF;
        color:#000;
 position : absolute;
 top: 0px;
 right:0px;
 text-align:right;
 width:514px;
 padding:8px 0 0px 0px;
 margin:0;

 }

#main-nav a {
 padding:2px 4px;
 font-weight : bold;
 text-decoration:none;
        white-space: nowrap;
        font-size:.8em;

 }

#main-nav a:hover {
        color:#E42518;
 }

#main-nav li {
 display:inline;
 margin-left:5px;
 }

#main-nav li.entreprise a {background:#EDE9DD; color:#707173;padding-bottom:0;margin:bottom:0;}
#main-nav li.candidat a {background: #F8EDED; color: #707173;padding-bottom:0;margin:bottom:0;}
#main-nav li.pp a {background: #E6E6E6; color:#707173;padding-bottom:0;margin:bottom:0;}

#main-nav li.entreprise a:hover {color:#707173;background:#DBD7CC;padding-bottom:0;margin:bottom:0;border-bottom:1px solid #DBD7CC;}
#main-nav li.candidat a:hover {color:#FFF;background:#E42518;padding-bottom:0;margin:bottom:0;border-bottom:2px solid #E42518;}
#main-nav li.pp a:hover {color:#FFF;background:#707173;padding-bottom:0;margin:bottom:0;border-bottom:2px solid #707173;}


/* Pied de page
 * -------------------------------------------
 */

#main-footer {
/* float:left;*/
        background:#FFF;
        color:#000;
 position:relative;
 text-align:right;
 width:760px;
 margin:10px 0 0 0;
 padding:5px 0 20px 0;
        clear:both;
 }

#main-footer li {
 margin:0;
 padding:0;
 list-style-type:none;
 display:inline;
        font-size:.7em;
}
#main-footer a{color:#707173;}

#main-footer .rss img { vertical-align:middle; }

/* SUPER BONUS ULTRA : Les tools Pages Personnel,
 * Mais si la petite barre en haut de votre ecran
 * avec les zoom +/-, l'imprimante et tout ça !!!!!!!!!!!!!!!!!
 * --------------------------------------------------------
 */

div#x-access {
 position:absolute;

        left:50%;
        margin-left:-380px;
 width:760px;
 top:0;
 /*left:0;*/
 /*background:/*#F1F2F3#f8eded*/#e6e6e6;*/
 /*border-bottom : 1px solid #636363;*/
 height:18px;
 z-index: 100;
        font-size:.7em;
 }

div#x-access a {
  color:#707173;
 }

div#x-access ul {
 margin:0;
 padding:0;
 position:absolute;
 }

div#x-access ul.second-footer {
 right: 0;
 }

div#x-access ul.tools {
 left:0;
 }

div#x-access li {
 display: inline;
 line-height: 18px;
 /*margin-right: .7em;*/
 margin-left:.7em;
 background:none;
 vertical-align:middle;
         color:#707173;
 }

div#x-access li a {
  position:relative;
  margin:-1em  0.5em 0 0;
  color:#707173;
 }
div#x-access li a:hover {
  color: #707173;
}

/* Divers Container
 * ----------------------------------------------------------- */

.block_divers {
/* -moz-border-radius : 8px;*/
float:right;
position:relative;
 width:513px;
 border: 1px solid;
 margin : 0 0 5px 0;
 padding:0;

 }


.block_divers p {
 text-align: "justify"left;
}
.block_divers p, .block_divers.bo ul {
 margin: 10px 0;
 padding:4px;
 }



.errors, .errors li {margin:0; padding:0;}
.errors {border: 2px solid #FF0000; margin-bottom:5px;}
.errors li {margin:5px; background:transparent url('img/puce_erreur.gif') left no-repeat; padding-left:10px; font-size:90%; font-weight:bold;list-style-type:none;}

.messages {border: 2px solid #969696; background:#FFF; color:#969696; margin:3px; padding:5px;}



.liste_raccourcis kbd
  {
   font: bold 90% Arial, Helvetica, sans-serif;
   border-width: 2px 4px 5px 3px;
   border-style:solid;
   border-color: #CCC #AAA #888 #BBB;
   padding:2px 3px;
   white-space:nowrap;
   color:#555;
   background:#EEE;
  }

.liste_raccourcis li
  {
  padding:1px;
  margin-top:1.2em;
  list-style-image:none;
  list-style-type:none;
  }

.liste_raccourcis strong {
  font-weight:bold;
  color:#E42518;
  text-decoration:underline;
}