*{padding:0;margin:0;}
body {
	margin: auto; /* Pour centrer notre page */
	margin-top: 1px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 2px;  
background-color: rgb(255, 255, 255);	font-size:100%; color:rgb(0,0,0); font-family:verdana,arial,sans-serif;
}
p {
font-size:100%; font-weight: normal; font-family: verdana,arial,sans-serif; color: black; text-align: justify
}
h2{font-size:100%; font-weight: normal; font-weight: bold; font-family: verdana,arial,sans-serif; color: black; text-align: justify
}
a {font-family:verdana,arial,sans-serif; color: rgb(154, 0, 98); font-weight: bolder; font-size: 100%; text-decoration: none ;}
a:hover
{ color: rgb(126, 86, 149) ; text-decoration: underline ;}

hr.style-five {
    color: rgb(35, 106, 146); 
	border: 0;
    height: 0px; /* Firefox... */
    box-shadow: 0 0 10px 2px rgb(35, 106, 146);
}
hr.style-five:after {  /* Not really supposed to work, but does */
    content: "\00a0";  /* Prevent margin collapse */
}
p.spacer{line-height:3em;}
#entete{width:1000px;display:block;height:160px;padding-top:1px;margin:0 auto;position:relative; 
background-image:url(img/bandeau_omsaGUSTAVEEIFFEIL.jpg);}
#entete #logo{display:block;position:absolute;z-index:10;left:0px;top:28px;}
#entete#logo img{display:block;}
#entete .slogan{position:absolute;right:306px;top:120px;color:#b5b5b5;text-align:center;font:normal 25px  Arial,sans-serif;line-height:25px;}
#entete  .slogan .alt-1{font-size:31px;}
#entete  .slogan .alt-2{font-weight:bold;}
#entete  .lien-espace-res{position:absolute;left:550px;top:125px;display:block;background:none 0 0 no-repeat;width:150px;height:30px; padding-left:38px;padding-top:12px;color:#fff;font:bold 16px  Arial,sans-serif;text-shadow:0px 1px 2px rgba(0,0,0,0.5);z-index:1000 }
#entete  .lien-espace-res:hover{color:#eee;text-shadow:0px 1px 2px rgba(0,0,0,0.8);}
#entete  .lien-espace-res{background-image:url(mtsp_img/cadenas.png);}
#footer  .lien-espace-res{position:relative;display:block;background:none 0 0 no-repeat;width:110px; height:18px; padding-left:38px; padding-top:5px; color:#fff;font:bold 16px  Arial,sans-serif;text-shadow:0px 1px 2px rgba(0,0,0,0.5);z-index:1000 }
#footer  .lien-espace-res:hover{color:#eee;text-shadow:0px 1px 2px rgba(0,0,0,0.8);}
#footer  .lien-espace-res{background-image:url(mtsp_img/cadenas.png);}

#menuencadr {
	margin: auto; /* Pour centrer notre page */
	position:relative;
	vertical-align: top; 
	float:left;
	top: -35px;
	width:690px;
	height:40px;
  z-index:100;
}
#principal {
	margin: auto; /* Pour centrer notre page */
	width:1000px;
	margin-top: 1px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 2px;  
	background-color: rgb(250, 250, 250);
	font-size:100%; color:rgb(0,0,0); font-family:verdana,arial,sans-serif;
}

div#blocrs {
	position:relative;
	
	width:320px;
	height:60px;
	top:2px; 
	right:2px;
	
	text-align: center;
	}
.blocrsbp {
	float:left;
	position:relative;
	width:480px;
	height:65px;
	top:2px; 
	right:2px;
	}
.blocrsbp img, .blocrsbp span {
  vertical-align: middle;
  display: inline-block; 
}

#candidat_info{
position:relative;
   float:left ; /* flotte à gauche */
  width:670px ; 
  display:block;
  height:310px;
  padding-top:1px;
  margin:0 auto;
background-image:url(img/fond_infoscandidat.png);
 background-repeat:no-repeat;
  background-position:left top;} 
  
#recrut_info{
position:relative;
   float:left ; /* flotte à gauche */
  width:670px ; 
  display:block;
  height:310px;
  padding-top:1px;
  margin:0 auto;
background-image:url(img/fond_infosrecrut.png);
 background-repeat:no-repeat;
  background-position:left top;}
	
#blocfb {
	position:absolute;
	top:125px;
	right:2px;
	width:265px;
	height:20px;

	z-index:10;
	}	
div#coldroit1{/* colonne droite */
  float:right ; /* flotte à droite */
    position:relative;
	width:320px ; 
   top: -30px;
  margin:0 ; padding:0 ;
  background-color: rgb(255, 255, 255);
  z-index:12;}	
	

div#container {/* encadre le tableau */
  width:670px;/* largeur du tableau */
    top: -30px;
  position:relative;
  float:left;
	margin: auto; /* Pour centrer notre page */
  margin:0 ; padding:0 ; /* marges intérieures et extérieures du tableau */ 

  background-color: rgb(255, 255, 255);} /* couleur fond du tableau (colonne droite en pratique) */

div#colgauche1 { /* définition de la colonne gauche */
  position:relative;
  float:left ; /* flotte à gauche */
  width:326px ; 

  margin:0 ; padding:3px;
 background-color: rgb(255, 255, 255);
   z-index:10;
  }
div#milieu1{/* définition de la colonne centre */
  position:relative;
  float:left ; /* flotte à gauche */
  width:328px ;
 
  margin:0;padding:5px ; /* marges */
  background-color: rgb(255, 255, 255); 
  z-index:12;
  }
  
#colgauchhisto { 
   position:relative;
   float:left ; /* flotte à gauche */
  width:670px; 
  height:820px;
  margin:0 ; padding:3px;
  background-image:url(img/histo.png);
  background-repeat:no-repeat;
  background-position:left top;
  background-color: rgb(255, 255, 255);}

#colgauche2 { /* définition de la colonne gauche */
   position:relative;
   float:left ; /* flotte à gauche */
  width:670px ; 
   min-height::570px;
   margin:0 ; padding:0;
  background-color: rgb(255, 255, 255);}

 div#colgauche3 { /* définition de la colonne gauche */
  float:left ; /* flotte à gauche */
  width:300px ; 
  margin-left: 20px;	
    padding:0px;
 background-color: rgb(255, 255, 255);
  }
  
  div#coldroit2 {/* colonne droite */
  float:right ; /* flotte à droite */
  width:338px ; 
   
  margin:0 ; padding:0px ;
  background-color: rgb(255, 255, 255);}
  
 
#contact {
	position:relative;
	width:320px;
	height:100px;
	background-color: rgb(255, 255, 255); 
	vertical-align: top; 
	text-align: center;
}	

br.clr  {                clear:both;
     }

#footer {
	margin: auto; /* Pour centrer notre page */
	clear:both;
	padding-top: 5px;
}
#footfond {
	position:relative;
	margin: auto; /* Pour centrer notre page */
	height:270px;
	width: 1000px; 
	
}
#footcont {
	margin: auto; /* Pour centrer notre page */
	width:1000px;
	
}

@media screen and (min-width: 1024px) {
	#main {
		width:70%;
		clear:none;
	}
	#aside {
		width:30%;
		clear:none;
	}
}

/* max-width pour faibles résolutions */
@media screen and (max-width: 640px) {
	#entete{display:block;
	}
	#menu a {
		display:block;
	}
	#menu li {
		float:none;
		width:100%;
	}
	#main, #aside, #menu {
		clear:both;
		width:100%;
	}
}


.lrgtg{text-align: left; font-size:150%; font-weight : bolder ;color:rgb(35, 106, 146);font-family:verdana,arial,sans-serif; text-shadow:2px 2px 5px;}
.lrgt{text-align: center; font-size:150%; font-weight : bolder ;color:rgb(35, 106, 146);font-family:verdana,arial,sans-serif; text-shadow:2px 2px 5px;}
.titre{margin-top: 4px; background-color: rgb(35, 106, 146); font-size:100%; color:rgb(250,250,250); font-weight: bold; font-family:verdana,arial,sans-serif; text-shadow:1px 1px 2px;}
.titrtab{margin-top: 4px; background-color: rgb(35, 106, 146); font-size:80%; color:rgb(250,250,250); font-weight: bold; font-family:verdana,arial,sans-serif; text-shadow:1px 1px 2px;}
.corpstab{margin-top: 4px; font-size:80%; font-family:verdana,arial,sans-serif;}
.corpstab a{color:black; font-size:100%;}
.titrvid{padding: 4px; background-color: rgb(35, 106, 146); font-size:80%; color:rgb(250,250,250); font-weight: bold; font-family:verdana,arial,sans-serif; text-shadow:1px 1px 2px;}
.titrepage{text-align: left; font-size:110%; font-weight : bold ;color:rgb(35, 106, 146);font-family:verdana,arial,sans-serif;}
.titreactu{text-align: left; font-size:200%; font-weight : bold ;color:rgb(35, 106, 146);font-family:verdana,arial,sans-serif;}
.sstitre{background-image: url(img/fontxt.jpg); background-repeat: repeat-y; font-size:70%; color:rgb(50,0,250); font-weight: bold; font-family:verdana,arial,sans-serif;}
.corps{font-size:75%; font-weight: normal; font-family: verdana,arial,sans-serif; color: black; text-align: justify}
.corpactu{line-height:24px; font-size:90%; font-weight: normal; font-family: arial,sans-serif; color: black; text-align: justify}
.corphisto{line-height:24px; font-size:75%; font-weight: normal; font-family: arial,sans-serif; color: black; text-align: justify}
.datactu{line-height:24px; font-size:90%; font-weight: normal; font-family: arial,sans-serif; color: grey; text-align: justify}
.corpsgras{font-size:75%; font-weight: bold; font-family: verdana,arial,sans-serif; color: black; text-align: justify}
.baspage{font-size:70%; font-weight: normal; font-family: verdana,arial,sans-serif; color: black; text-align: left}

.menu {text-align:center; white-space:nowrap /*IE hack*/; float:left; width: 700px; height:40px;
border:none; background:rgb(35, 106, 146); color:rgb(250,250,250);
font-size:80%;}
.menu ul {list-style-type:none;}
.menu ul li {float:left; z-index:auto !important /*Non-IE6*/;
z-index:1000 /*IE6*/; border-right:solid 2px rgb(35, 106, 146);}
.menu ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/;
display:block; height:3em; line-height:1.6em; padding:0 20px 0 20px;
text-decoration:none; font-weight:bold; color: rgb(250,250,250);}
.menu ul li ul {display:none; border:none;}
/*Non-IE6 hovering*/
.menu ul li:hover {position:relative;} 
.menu ul li:hover a
{background-color:rgb(183, 220, 255); text-decoration:none;color:blue;}
.menu ul li:hover ul {display:block; width:20.0em; position:absolute;
z-index:999; top:3em; margin-top:0.1em; left:0;}
.menu ul li:hover ul li a {white-space:normal; display:block;
width:10.0em; height:auto; line-height:1.3em; margin-left:-1px;
padding:4px 20px 4px 20px; border-left:solid 4px rgb(35, 106, 146);
border-bottom: solid 2px rgb(35, 106, 146);
background-color:rgb(237,237,237); font-weight:normal;
color:rgb(50,50,50);}
.menu ul li:hover ul li a:hover {background-color:rgb(183, 220, 255);
text-decoration:none;}
/*IE6 hovering*/
.menu table {position:absolute; top:0; left:0;
border-collapse:collapse;}
.menu ul li a:hover {position:relative /*IE hack*/; z-index:1000 /*IE
hack*/; background-color:rgb(183, 220, 255); text-decoration:none;}
.menu ul li a:hover ul {display:block; width:10.0em; position:absolute;
z-index:999; top:3.1em; left:0; margin-top:0.1em;}
.menu ul li a:hover ul li a {white-space:normal; display:block;
width:10.0em; height:1px; line-height:1.3em; padding:4px 20px 4px 20px;
border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px
rgb(175,175,175); background-color:rgb(237,237,237);
font-weight:normal; color:rgb(50,50,50);}
.menu ul li a:hover ul li a:hover {background-color:rgb(210,210,210);
text-decoration:none;}
@media print {.menu {float:left; width:900px; border:none;
background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em;
font-size:130%;}}

.menent{
				list-style: none ;
				margin: 0 ;
				padding: 0 ;
				overflow: hidden ;
margin-left: 20px;				/* Création du contexte de formatage */
				}
.menent li {
				float: left ;
				width: 100px ;
				height:40px;
				border: 1px solid #600 ;
				margin-right: 1px ;
				color: #fff ;
				background: rgb(35, 106, 146) ;
				}
.menent li a {
				display: block ;
				background: rgb(35, 106, 146) ;
				color: #fff ;
				font: 1em "Trebuchet MS",Arial,sans-serif ;
				line-height: 1em ;
				padding: 4px 0 ;
				text-align: center ;
				text-decoration: none ;
				}
.menent li a:hover, #nav li a:focus, #nav li a:active {
				background: rgb(183, 220, 255);
				text-decoration: underline ;
				}

				
	/* Création portes coulissantes */			
 #choixindex {
    float:left;
	background-color: rgb(35, 106, 146) ;
    width:100%;
    font-size:93%;
	line-height:normal;
    }				
#choixindex ul {
    margin:0;
    padding:10px 10px 0;
    list-style:none;
    }
  #choixindex li {
    float:left;
	background:url("/img/left.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
    }				
 #choixindex a {
	 float:left;
    display:block;
	 background:url("img/right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
	  text-decoration:none;
  font-weight:bold;
  color:#765;
        }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#choixindex a {float:none;}
/* End IE5-Mac hack */
#choixindex a:hover {
  color:#333;
  }		
 #choixindex #current {
    background-image:url("img/left_on.gif");
    }
  #choixindex #current a {
    background-image:url("img/right_on.gif");
	color:#333;
	  padding-bottom:5px;
    }	
				
				
				
				
				
#tagcloud{ width:290px; margin:1px 0 0 0}
#cloud{	background-color:rgb(240,230,240);;
	padding-left:1px;
	padding-right:1px;
	text-align:center;
}

a.taille1, a.taille2, a.taille3, a.taille4, a.taille5, a.taille6, a.taille7, a.taille8, a.taille9, a.taille10 {
	text-decoration:none;
	color:#002f6a;
}
#cloud a:hover {
	text-decoration:underline;
}
a.taille1 {
	font:bold 10px Arial, Helvetica, sans-serif;
}
a.taille2 {
	font: bold 13px Arial, Helvetica, sans-serif;
}
a.taille3 {
	font:normal 14px Arial, Helvetica, sans-serif;
}
a.taille4 {
	font:normal 15px Arial, Helvetica, sans-serif;
}
a.taille5 {
	font:italic 14px Arial, Helvetica, sans-serif;
}
a.taille6 {
	font:normal 17px Arial, Helvetica, sans-serif;
}
a.taille7 {
	font: italic 18px Arial, Helvetica, sans-serif;
}
a.taille8 {
	font:bold 14px Arial, Helvetica, sans-serif;
}
a.taille9 {
	font:normal 9px Arial, Helvetica, sans-serif;
}
a.taille10 {
	font:normal 21px Arial, Helvetica, sans-serif;
}
#barrePartage{height:30px;}
#barrePartage>div{margin:5px 10px 0 0px;}
.gauche {float: left;}

.contenu_article {margin-bottom:20px; font-size:10px;}
.contenu_article p {margin:7px 0 0px;}

.rotation15 {
   -webkit-transform: rotate(10deg);
   -moz-transform: rotate(10deg);
   -ms-transform: rotate(10deg);
   -o-transform: rotate(10deg);
   transform: rotate(10deg);
 }
 input[type="file"] {
  position: relative;
  width: 350px;
  border: 2px solid rgba(0, 0, 0, 0.3);
}

input[type="file"]::file-selector-button {
  width: 146px;
  color: transparent;
}

/* Faked label styles and icon */
input[type="file"]::before {
  position: absolute;
  pointer-events: none;
  top: 5px;
  left: 5px;
  height: 30px;
  width: 30px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230964B0'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E");
}

input[type="file"]::after {
  position: absolute;
  pointer-events: none;
  top: 15px;
  left: 35px;
  color: white;
  content: "TELECHARGER";
}

/* ------- From Step 1 ------- */

/* file upload button */
input[type="file"]::file-selector-button {
  border-radius: 4px;
  padding: 0 16px;
  height: 40px;
  cursor: pointer;
  background-color: rgb(54, 162, 235);
  border: 1px solid rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
  margin-right: 16px;
  transition: background-color 200ms;
}

/* file upload button hover state */
input[type="file"]::file-selector-button:hover {
  background-color: #f3f4f6;

}

/* file upload button active state */
input[type="file"]::file-selector-button:active {
  background-color: #e5e7eb;

}