/**
 * 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:225px;
      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;
        text-align: justify ;
}


.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;
text-align: justify;
}

.content .block_divers p {
width:95%;
padding:5px 5px 5px 10px;
text-align: justify;
}

.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;height:63px;}

#pushs .banner {padding:0 !important; margin-left:1px;}

#pushs {
        margin: -30px 0 0 8px;
        width:235px;
        padding:0 0 0 0;
        float:left;
}



#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:225px;
 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;
}

#main-footer img { vertical-align:middle; }

/* 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;}



/* 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: 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;
}



#languages {
    font-size:0.9em;
    margin:0;
    padding:0;
}

#languages ul {
    margin: 0;
    padding: 0;
    list-style-image:none;
}
#languages ul li {
    margin: 0;
    padding: 0;
    color:#707173;
    display : inline;
    padding-left:10px;
    padding-right:3px;
    _padding-right:2px;
}

#languages ul li a {
    text-decoration:underline;
    color:#707173;
    background: none;
    padding-left:10px;
}


#languages ul li a:hover{
    text-decoration:none;
    background: none;
}


.nl{
  background: url('img/flag_nl.gif') no-repeat;
}

.fr{
  background: url('img/flag_fr.gif') no-repeat;
}

.en{
  background: url('img/flag_uk.gif') no-repeat;
}

.sitemap, .sitemap ul, .sitemap li{
  padding:0;
}

 .source_select {
      border: 1px solid #AAA;
      border-color:#DBD7CC;
      font-family:sans-serif !important;
      font-size:1em !important;
      position:relative;
      vertical-align:middle;
      color:#000;
      background:#FFF;
      padding:0px;
      width:287px;
      height:20px;
	}
