BODY{
        margin                  :       0;
        padding                 :       0;
		color:#444;
font-size:1em;	
line-height:1em;
/*background:url(../img/background.png);*/
background: url("images/bg.png") #f4f4f4;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
}

#wrapper{
width:900px;
margin:20px auto 0 auto;
}

#liste_vacataire {
 border:solid 1px black;
}

a{
	/*#71b5c9 0%,#3e82a0*/
color:#3e82a0;
text-decoration:none;
transition:color 0.2s ease-in-out; 
-moz-transition:color 0.2s ease-in-out; 
-webkit-transition:color 0.2s ease-in-out; 
-o-transition:color 0.2s ease-in-out; 
-ms-transition:color 0.2s ease-in-out;
display:inline-block;
}

a:hover{
color:#9C2F4E;
}

a:active{
transition:none;
color:#66a3b5;
}

#existe{
        font-size               :       14px;
        -webkit-border-radius   :       5px;
        -moz-border-radius      :       5px;
        border-radius           :       5px;
}
#center{
        font-size               :       12px;
        margin                  :       30px auto 0px auto;
        width                   :       982px;
		line-height:1.4em;
border: 1px solid #b1b1b1;
border-radius: 10px;
margin-bottom:30px;
background: #ffffff; /* Old browsers */
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.50); 
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.50); 
box-shadow: 1px 1px 3px rgba(0,0,0,.50);	
}

#content{
        margin                  :       10px 0px 30px 30px;
        font-size               :       12px;
        width                   :       982px;
}

#spacer{
        visibility              :       hidden;
        clear                   :       both;
        overflow                :       hidden;
        margin                  :       0px;
        padding                 :       0px;
        height                  :       0px;
}
ul {
 padding:0 20px 0 20px;
 margin:0 20px 0 20px;
 list-style-type:none;
 }
li {
 float:left; /*pour IE*/
 border:1px solid black;
 }
ul li a {
 display:block;
 float:left;   
/*
 border-left:20px;
 border-right:20px;
*/
 padding:0 10px 0 10px;
 margin:0 0px 0 0px;
/*
 width:200px;
*/
 line-height:30px; /*hauteur de l'image de fond*/
 background-color:grey;
 color:#000000;
 text-decoration:none;
 text-align:center;
 }
ul li a:hover {
 color:blue;
 }  
.table1 {
 margin-top:20px;
 border-collapse:collapse;
 width:900px;
 font-size: 12px;
 text-shadow:none;
 }
.th1 {
font-weight:bold;
 padding:10px 6px;
 border:1px solid #CCC;
 letter-spacing:0.4px;
 color:#FFFFFF;
 background: none repeat scroll 0 0 #9933FF;
}


.td1 {
 text-shadow:none !important;
 border:1px solid #CCC;
 padding:4px;
 text-align:center !important;
 }
.td2 {
 border:1px solid #CCC;
 text-align:left !important;
 padding:4px;
 }
.td3 {
 border:1px solid #CCC;
 text-align:right !important;
 padding:4px;
 }
.th2 {
 border:1px solid blue;
 padding:4px;
 background-color:yellow;
 }

.button {
cursor:pointer;
font-size:14px;	
padding: 2px 5px;
border:1px solid #333;
}

.button:hover{

border:1px solid rgba(62,130,160,1); 
color:#333;
text-shadow: 0px 1px 0px #eeeeee;
-webkit-box-shadow: none;
box-shadow: none;
}

.button:active{
-webkit-box-shadow:  0px 1px 2px 0px #dadada, inset 0px 1px 2px 0px #333333;
box-shadow:  0px 1px 2px 0px #dadada, inset 0px 1px 2px 0px #333333;
color:#333333;
text-shadow: 1px 1px 2px #fff;
}

button {
 text-decoration:none;	
 cursor:pointer;
font-size:14px;	
padding: 2px 5px;
color:#00000;
border-radius:5px;
border:1px solid #333;
/*
background:#3E82A0; 
background:#DDFF99; 
background: -moz-linear-gradient(top,  rgba(113,181,201,1) 28%, rgba(62,130,160,1) 90%);  
background: -webkit-linear-gradient(top,  rgba(113,181,201,1) 28%,rgba(62,130,160,1) 90%); 
background: -o-linear-gradient(top,  rgba(113,181,201,1) 28%,rgba(62,130,160,1) 90%); 
background: -ms-linear-gradient(top,  rgba(113,181,201,1) 28%,rgba(62,130,160,1) 90%); 
background: linear-gradient(to bottom,  rgba(113,181,201,1) 28%,rgba(62,130,160,1) 90%);
-webkit-box-shadow: inset 0px 1px 0px 0px #e8e8e8;
box-shadow: inset 0px 1px 0px 0px #e8e8e8;
text-shadow: 1px 1px 0px #333;
*/
}

button:hover{

border:1px solid rgba(62,130,160,1); 
color:#333;
text-shadow: 0px 1px 0px #eeeeee;
-webkit-box-shadow: none;
box-shadow: none;
}

button:active{
-webkit-box-shadow:  0px 1px 2px 0px #dadada, inset 0px 1px 2px 0px #333333;
box-shadow:  0px 1px 2px 0px #dadada, inset 0px 1px 2px 0px #333333;
color:#333333;
text-shadow: 1px 1px 2px #fff;
}


#menu {
 font: 1.5em Calibri;
}
.img:hover {
    display: none;
}

#titre{
color:#444;
font-family:'Dosis', Helvetica, Arial;
font-weight:400;
font-size:26px;	
}

#titre1{
color:#444;
font-family:'Dosis', Helvetica, Arial;
font-weight:400;
font-size:20px;	
}

#choisir{
width:1000px;
border-radius:8px;
padding:12px 0;
background: #71b5c9;
background: -moz-linear-gradient(top,  #71b5c9 0%, #3e82a0 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71b5c9), color-stop(90%,#3e82a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #71b5c9 0%,#3e82a0 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #71b5c9 0%,#3e82a0 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #71b5c9 0%,#3e82a0 90%); /* IE10+ */
background: linear-gradient(to bottom,  #71b5c9 0%,#3e82a0 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71b5c9', endColorstr='#3e82a0',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.37); 
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.37); 
box-shadow: 1px 1px 3px rgba(0,0,0,.37);
border: solid 1px #006699;
color:#fff;
text-shadow: 1px 1px 0px #333;
font-size:16px;		
}


#choisir select{
height:30px;
/*
width:500px;
*/
vertical-align:middle;
font-size:14px;
padding:4px 15px;
border-radius:5px;
border:1px solid #444;
background:#fff;
background: -moz-linear-gradient(top,  #ffffff 49%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 49%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 49%,#eaeaea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 49%,#eaeaea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 49%,#eaeaea 100%); /* W3C */
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.50); 
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.50); 
box-shadow: 1px 1px 3px rgba(0,0,0,.50);
}

#lien-site{
font-size:14px;	
}

#no-vacation{
color:#ff9c00;
line-height:28px;
font-family:Helvetica, Arial;
font-weight:400;
background:	url("images/info.png") no-repeat left center;
padding-left:35px;
}

.divpop{
border:solid 1px #999;
padding:10px;
position:absolute;
display:none;
color:#000000;
font-size:14px;
width:300px;
-moz-box-shadow: 0 0 3px 3px #888;
-webkit-box-shadow: 0 0 3px 5px#888;
box-shadow: 0 0 5px 3px #888;
margin-top:3px;
margin-bottom:30px;
background: #FFFFFF; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 49%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 49%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 49%,#eaeaea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 49%,#eaeaea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 49%,#eaeaea 100%); /* W3C */
}

.pourvu{
color:#FF9C00;
background:	url("images/pourvu.png") no-repeat left center;
padding-left:18px;
margin-left:-3px;
}

.box-description-candidature{
	width:700px;
	margin:30px 0 20px 100px;
	line-height:24px;
	padding:10px 15px 15px 15px;
border: 1px solid #b1b1b1;
border-radius: 10px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 49%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 49%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 49%,#eaeaea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 49%,#eaeaea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 49%,#eaeaea 100%); /* W3C */
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.37); 
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.37); 
box-shadow: 1px 1px 3px rgba(0,0,0,.37);
	
}

.first-letter{
font-size:30px;
font-weight:normal;
color:#3e82a0;
letter-spacing:-2px;
}

#consigne-formulaire{
width:700px;
margin-left:100px;
line-height:22px;
}

#formulaire-candidater{
margin-left:100px;
min-width:700px;
line-height:30px;
margin-bottom:30px;	
padding:15px;
border: 1px solid #b1b1b1;
border-radius: 10px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 49%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 49%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 49%,#eaeaea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 49%,#eaeaea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 49%,#eaeaea 100%); /* W3C */
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.37); 
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.37); 
box-shadow: 1px 1px 3px rgba(0,0,0,.37);
}

#formulaire-candidater input[type="text"], input[type="file"]{
height:25px;	
border-radius:4px;
font-size:14px;	
padding:2px 5px 0 8px;
border:1px solid #666;
color:#333;
background:#fff;
-webkit-box-shadow: inset 0px 1px 1px 0px #999;
box-shadow: inset 0px 1px 1px 0px #999;
}

#formulaire-candidater input[type="text"]:focus{
border:2px solid #38aad6;	
}

.obligatoire{
display:inline-block;
width;:10px;
height:10px;
font-size:24px;
color:red;
/*background:url("images/required.png") no-repeat;*/		
}

#formulaire-candidater tr{
margin-bottom:15px;	
}

.fleche-deco{
display:inline-block;
width:20px;
height:20px;
background:url("images/fleche-deco.png") no-repeat;	
vertical-align:top;
}

#conteneur-quitter{
padding-bottom: 10px;
padding-top:5px;	
}

#conteneur-captcha{
margin-left:100px;
margin-bottom:10px;	
}

#conteneur-captcha input{
height:25px;	
border-radius:4px;
font-size:14px;	
padding:2px 5px 0 8px;
border:1px solid #666;
color:#333;
/*background:#f2f2f2;*/
-webkit-box-shadow: inset 0px 1px 1px 0px #999;
box-shadow: inset 0px 1px 1px 0px #999;	
}

#conteneur-captcha input:focus{
border:2px solid #38aad6;	
}

h1.titre-confirmation{
color:#03ac59;	
margin-left:100px;
margin-top:40px;
padding-top:8px;
padding-left:38px;
font-size:24px;
font-weight:normal;
background:url("images/succes.png") no-repeat top left;	
}

h1.titre-confirmation input{
margin-top: 30px;
display:block;
margin-left:200px;
margin-bottom:20px;
}

h3.email-confirmation{
margin-left:100px;
padding-left:120px;
}

#recap-infos{
margin-left:100px;
margin-bottom:30px;
margin-top:30px;
line-height:25px;	
}

.bien-cordialement{
margin-left:100px;
margin-top:30px;
font-style:italic;
font-weight:normal;	
line-height:18px;
}

.buttonasc {
 display:inline-block;
 width:20px;
 height:20px;
 vertical-align:middle;
 border: none;
 background: url('./images/tri.jpg')  no-repeat top left;
}
.buttondesc {
 display:inline-block;
 width:20px;
 height:20px;
 vertical-align:middle;
 border: none;
 background: url('./images/tri.jpg')  no-repeat top right;
}