body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 10px;
}
a:link, a:visited  {
	color: #006699;
	font-weight: normal;
	text-decoration: none;
}
a:hover, a:active {
	color: #006699;
	text-decoration: underline;
}

#conteneur {width:100%; min-width:300px; margin:0px;}
#contenu{ width:98%; min-width:300px; max-width:1300px; margin:30px auto; }

#footer {
width:100%;
margin:0;
background-color: #E0E0E0;
}

#footer2{
width:99%;
max-width:1300px;
background-color: #E0E0E0;
margin:0 auto;
margin-top: 20px;
margin-bottom: 0px;
font-size: 0.875em;
color: #999;
padding-top: 10px;
padding-bottom: 10px;
line-height:1.5;
}

#footerbandeau{
width:100%;
float:right;
margin-right:2px;
margin-bottom:10px;
background-color: #E0E0E0;
}
#footersous{
width:99%;
max-width:1300px;
margin:0 auto;
margin-top: 10px;
margin-bottom: 20px;
font-size: 0.75em;
color: #000;
}

#header_fond {
width:100%;
margin:0px;
background-color: #E0E0E0;
z-index:1;
height:90px;
top:10px;
position:absolute;
}
#header {
width:100%;
margin:0px;
z-index:2;
position:relative;
top:2px;
height:100%;
}
#haut {
	margin:0 auto;
}
#haut_logo {
  max-width:230px; 
}
#hautdroit { float:right; }
.clear { clear:both; }
.clearr { clear:right; }
.right { float:right; }
.gauche { float:left; }
h1 {
	font-size: 1.25em;
    font-weight:normal;
    color:#006699;
    margin:0;
}

h2 {
	font-size: 1.25em;
    font-weight:normal;
    color:#FFCC33;
    margin:0;
}

h3 {
	font-size: 1em;
    font-weight:bold;
    color:#FFFFFF;
    margin:0;
}
.textemoyen { font-size: 0.90em; }
.textepetit { font-size: 0.75em; }
.textetrespetit { font-size: 0.65em; }
.vert { color: #009966; }
.rouge { color: #FF0066; }
.orange { color: #FF9900; }
.gris { color: #777777; }

#sousmenu {
    width:98%;
	margin:10px auto;
}
#sousmenu_menuselect {
    width:98%;
	margin:5px auto;
	display:none;
}
#menudroite {
    width:20%;
	float:right;
	margin:0px;
}
#menudroite_ban { margin:0; margin-top:20px; }
#menudroite_cv { margin:0; max-width:245px; margin-top:20px; padding-bottom:10px; background-color: #E9E9E9; min-height: 50px; }
#menu_indeed_jobroll { margin:0; margin-top:20px; }
#menu_indeed_jobroll input[type=submit] {
border:1px solid #FFFFFF;  
font-size: 12px;
color: #fff;
cursor: pointer;
background-color:#006699;
}

#menudroite_ban img {
width:100%;
max-width:245px;
}
#menudroite_cv img {
width:100%;
max-width:245px;
}
#contenu_centre {
    width:78%;
	margin:0px;
}
.zoneb {
    width:100%;
    max-width:800px;
    margin:10px auto 20px auto;
}
.zoneb468 {
    width:100%;
    max-width:468px;
}

.tableaugris table {
    border-collapse:collapse;
}
.tableaugris td {
    color:#404040;
    border:1px solid #A0A0A0;
    background-color:#FFFFFF;
    padding:5px;
}
ul#menu_horizontal { 
font-size: 16px;
height:27px;
top: 57px;
margin-left:230px;
position: absolute;
list-style-type : none; 
}
ul#menu_horizontal li {
line-height : 27px;
float : left;
display: inline;
}
ul#menu_horizontal li a { font-weight: bold; }
ul#menu_horizontal a img { 
border : none;
padding :  0 0.4em 0 2em;
}
ul#navigation {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul#navigation li {
  width: 100%;
  border: 1px solid #A0A0A0 ;
  margin-bottom: 5px ;
  background: #E9E9E9 ;  
}
ul#navigation li a {
  text-decoration: none ;
  font-weight:bold;
  display: block ; 
  padding: 4px;    
}
ul#navigation li a:hover, ul#navigation li a:focus, ul#navigation li a:active {
  background: #F0F0F0;
}
ul#navigation a img { 
border : none;
padding :  0 0.4em 0 0em;
}

.lignebleu,.lignejaune,.lignevert {
    color:#FFFFFF;
    padding-top:3px;
	padding-left:5px;
    margin:0px;
	margin-bottom:10px;
    min-height:25px;
	font-weight:bold;
}	

.lignebleu a:link, .lignebleu a:visited, .lignejaune a:link, .lignejaune a:visited, .lignevert a:link, .lignevert a:visited  { color:#FFFFFF;text-decoration: none; font-weight:bold; }
.lignebleu a:hover, .lignebleu a:active, .lignejaune a:hover, .lignejaune a:active, .lignevert a:hover, .lignevert a:active {	color:#FFFFFF; text-decoration: underline; }
.lignebleu { background-color:#006699; }
.lignejaune { background-color:#F9BB00; }
.lignevert { background-color:#009966; }

.titredroite {
    float:right;
    color:#000;
    margin-top:0px;
    margin-right:4px;
}

.zonesimple,.zonesimplefixe {
    width:100%;
 	margin:0px;
	color: #000;
    margin-bottom:25px;	
    background-color:#F0F0F0;
    border:1px solid #ccc;  
	line-height:1.5;
}
.zonesimplefixerub {
    width:100%;
 	margin:0px;
	color: #000;
    margin-bottom:25px;	
    background-color:#F0F0F0;
    border:1px solid #ccc;  
}
.zonesimplefixe  { min-height:90px; }
.decale { margin:10px; }
.zonedouble {
    width:100%;
	margin:0px;
	color: #000;
}
.zonedoublegauche, .zonedoubledroite, .zonedoublegauchefixe, .zonedoubledroitefixe { 
    width:49.5%;
    background-color:#F0F0F0;
    border:1px solid #ccc;  
	line-height:1.5;
    margin-bottom:25px;	
}
.zonedoublegauche,.zonedoublegauchefixe { margin-left:0; float:left; }
.zonedoubledroite,.zonedoubledroitefixe { margin-left:50.5%; }
.zonedoublegauchefixe, .zonedoubledroitefixe  { min-height:130px; }

input,select {
    font-size: 1em;
    outline: none;
	color: #555;
    height: 20px;
    margin-left: 5px;
	margin-bottom: 5px;
}
 
input[type=text], input[type=password]  { border: 1px solid #ccc; }
input[type=checkbox] { margin : 0px; height: 1em; }

label {
    color: #555;
    display: inline-block;
    margin-left: 5px;
    font-size: 0.875em;
    max-width: 300px;
	min-width: 100px;
	width: 37%;
    float: left;
}

input[type=submit],input[type=button] {
border:1px solid #FFFFFF;  
height: 30px;
font-size: 16px;
font-weight: bold;
color: #fff;
cursor: pointer;
}
input[type=submit],input[type=button] { background-color:#F9BB00; }
input[type=button] { background-color:#999999; }
input[type=submit]:hover, input[type=submit]:active, input[type=button]:hover, input[type=button]:active { background-color:#006699; }

#sousmenu_droite form{ display: inline; margin:0; padding:0; }

.boutonmyaidemploi{
width:100%;
margin:0;
margin-top:5px;
}

@media screen and (max-width: 775px) {
#menudroite {
    width:100%;
	float:left;
	display:none;
	margin-bottom:15px;
}
#sousmenu_menuselect { display:block; }
#contenu_centre {
    width:100%;
	float:left;
}
.zoneb img {
 width:95%;
 height:auto;
}
#haut_logo img , #hautdroit img {
 width:50%;
 height:auto;
}
#header_fond {
height:40px;
top:10px;
}
ul#menu_horizontal { 
font-size: 14px;
height:27px;
top: 10px;
margin-left:70px;
}
ul#menu_horizontal a img { 
padding :  0 0.2em 0 1em;
}
.zonedoublegauche, .zonedoubledroite, .zonedoublegauchefixe, .zonedoubledroitefixe { 
    width:100%;
	float:left;
}
.zonedoubledroite, .zonedoubledroitefixe { margin-left:0; }
}
@media screen and (max-width: 610px) {
body,td,th { font-size:14px; }
}
@media screen and (max-width: 520px) {
#hautdroit img { 
display:none;
}
ul#menu_horizontal { font-size: 12px; }
.zoneb468 img {
 width:95%;
 height:auto;
}
}
@media screen and (max-width: 470px) {
 ul#menu_horizontal img {
 width:14px;
 height:9px;
 }
 ul#menu_horizontal { 
 height:16px;
 top: 0px;
 } 
 ul#menu_horizontal li { line-height : 16px; }
}