html,body,div,h1,h2,h3,ul,ol,li,p,form,fieldset,input,textarea {
font-size:100%;
margin:0;
padding:0
}

ul {
list-style:none
}

img,fieldset {
border:0
}

em {
font-style:italic
}

strong {
font-weight:700
}

html {
background-color:#B8D30B;
color:#333;
font-family:Tahoma;
font-size:12px;
height:100%;
text-align:center
}

#entete {
background:#FFF url(./images/degrade_gris.png) repeat-x scroll left top;
border-top:5px solid #B8D30B;
/*clear:both;*/
height:575px
}

.contenu {
/*clear:both;*/
height:100%;
margin:0 auto;
width:850px
}

#gauche {
background:transparent url(./images/logo.png) no-repeat scroll 0 0;
float:left;
height:545px;
margin-top:20px;
width:250px
}

#droite {
float:right;
height:545px;
padding-left:20px;
width:580px
}

#presentation {
margin-top:100px;
padding-left:50px
}

#presentation h2 {
color:#666;
font-size:15px;
line-height:1.5;
padding:15px 0;
text-align:left
}

#presentation h2:first-letter {
font-size:20px
}

#erreur {
margin-top:100px;
padding-left:50px;
text-align:left;
}

#erreur h1 {
font-size:40px;
letter-spacing:5px;
}

#erreur h2 {
font-size:40px;
letter-spacing:5px;
}

#footer {
background:#B8D30B url(./images/degrade_vert.png) repeat-x scroll left top;
border-top:1px solid #CCC;
clear:both;
min-height:300px;
padding:10px 0
}

#footer div {
color:#f9f9f9;
letter-spacing:1px;
padding-top:10px;
text-align:center
}

#footer div a {
color:#f9f9f9;
cursor:pointer;
text-decoration:underline
}

#footer div a.actif {
background-color:#f9f9f9;
color:#B8D30B
}

#footer div a:hover,#footer div a.actif:hover,#mentions a:hover {
text-decoration:none
}

#menu {
float:right;
height:50px;
margin:0
}

#menu li {
display:block;
float:left;
font-size:14px;
font-weight:700;
line-height:1
}

#menu li a {
border-left:1px solid #DDD;
color:#666;
cursor:pointer;
display:block;
font-weight:700;
margin:9px 0 0 -1px;
padding:18px 5px 11px 15px;
text-decoration:none;
width:96px
}

#menu li a:hover,#menu li a.actif {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-radius-bottomleft:5px;
-webkit-border-radius-bottomright:5px;
border:0 none;
border-radius-bottomleft:5px;
border-radius-bottomright:5px;
color:#F9F9F9;
margin:0;
padding-top:27px;
position:relative;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
z-index:2
}

/*#menu li a:hover {
background:#B8D30B url(./images/bas.png) no-repeat scroll 125px 27px
}

#menu li a.actif {
background:#B8D30B url(./images/haut.png) no-repeat scroll 125px 27px
}*/

#menu li a:hover, #menu li a.actif {
background-color:#B8D30B
}

#menu li span {
display:block;
font-size:11px;
font-weight:700;
line-height:1;
text-align:left
}

#colonnes {
margin-top:20px;
padding-left:50px;
width:100%
}

#colonnes div {
float:left;
margin-bottom:10px;
padding:10px 0;
text-align:left;
width:263px
}

#colonnes h3 {
color:#B8D30B;
font-size:16px;
letter-spacing:2px;
margin-bottom:10px;
text-transform:uppercase
}

#colonnes p {
color:#666;
font-size:12px;
font-weight:700;
letter-spacing:1px;
line-height:1.5
}

.cadre-top {
background:#B8D30B url(./images/degrade_vert.png) repeat-x scroll left top;
width:100%
}

.cadre-contenu {
margin:0 auto;
overflow:hidden;
position:relative
}

.cadre-contenu-div {
clear:both;
display:inline;
float:left;
height:250px;
left:10px;
position:absolute;
top:0;
width:850px
}

.cadre-contenu div.droite {
-moz-border-radius:5px;
-moz-box-shadow:#666 0 0 10px;
-webkit-border-radius:5px;
-webkit-box-shadow:#666 0 0 10px;
background-color:#666;
border:5px solid #666;
border-radius:5px;
box-shadow:#666 0 0 10px;
clear:none;
color:#333;
float:right;
height:220px;
margin:10px 0;
text-align:left;
width:490px
}

.droite-div {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#F9F9F9 url(./images/degrade_gris.png) repeat-x scroll left top;
border-radius:5px;
height:161px;
padding:10px
}

.cadre-contenu div.gauche {
-moz-border-radius:5px;
-moz-box-shadow:#666 0 0 10px;
-webkit-border-radius:5px;
-webkit-box-shadow:#666 0 0 10px;
background-color:#666;
border:5px solid #666;
border-radius:5px;
box-shadow:#666 0 0 10px;
clear:none;
float:left;
margin:10px 0;
width:330px
}

#assure div.gauche {
background:#F9F9F9 url(./images/assure.jpg) no-repeat scroll left top;
height:220px
}

#entreprises div.gauche {
background:#F9F9F9 url(./images/entreprises.jpg) no-repeat scroll left top;
height:220px
}

#partenaires div.gauche {
background:#F9F9F9 url(./images/partenaires.jpg) no-repeat scroll left top;
height:220px
}

#contact div.gauche {
background:#F9F9F9 url(./images/contact.jpg) no-repeat scroll left top;
height:420px
}

.cadre-contenu h1 {
color:#F9F9F9;
font-size:20px;
letter-spacing:1px;
padding:5px 5px 10px 35px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
text-transform:uppercase
}

.cadre-contenu h1.cadena {
background:#666 url(./images/cadena.png) no-repeat scroll 5px 5px
}

.cadre-contenu h1.contact {
background:#666 url(./images/contact.png) no-repeat scroll 5px 5px
}

table {
width:100%
}

td {
padding:5px
}

td.droite {
font-weight:700;
text-align:right;
width:35%
}

td.gauche {
text-align:left
}

td.centrer {
text-align:center
}

input[type=text],input[type=password],select,textarea {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
background:#fefefe url(./images/fond_input.gif) repeat-x scroll left top;
border:1px solid #333;
padding:3px;
width:210px
}

input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus {
background-color:#FFFDEF;
background-image:none
}

input[type=submit],input[type=button] {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
background: #111 url(./images/button-fond.png) repeat-x;
border:0;
color:#F9F9F9;
cursor:pointer;
font-weight:700;
letter-spacing:1px;
padding:5px 15px;
position:relative;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
}

input[type=submit]:hover,input[type=button]:hover,input[type=submit]:focus,input[type=button]:focus {
background-color:#444
}

input[type=submit]:active,input[type=button]:active {
background-color:#B8D30B;
top:1px
}

div.formulaire {
float:left;
width:50%
}

div.formulaire input[type=button] {
position:relative;
top:10px
}

div.formulaire label {
display:block;
float:left;
font-size:12px;
font-weight:700;
padding:5px 0;
text-align:left;
width:100%
}

div.formulaire textarea {
font-family:Tahoma;
height:50px
}

div.formulaire input.ko,div.formulaire textarea.ko,div.formulaire select.ko {
background-color:#FBE3E4;
background-image:none
}

.obligatoire {
color:red;
font-weight:700
}

.overlay {
-moz-border-radius:5px;
-moz-box-shadow:#333 0 0 60px;
-webkit-border-radius:5px;
-webkit-box-shadow:#333 0 0 60px;
border-radius:5px;
box-shadow:#333 0 0 60px;
display:none;
z-index:10000
}

#mentions,
#recrutement {
background-color:#FFF;
border:1px solid #666;
color:#666;
height:750px;
text-align:left;
width:800px
}

#mentions .close,
#recrutement .close {
-moz-opacity:0.75;
background-image:url(./images/close.gif);
cursor:pointer;
filter:alpha(opacity=75);
height:18px;
opacity:0.75;
position:absolute;
right:10px;
top:15px;
width:18px
}

#mentions .close:hover,
#recrutement .close:hover {
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1
}

#mentions a,
#recrutement a,
#presentation a {
color:#666
}

#presentation a:hover {
text-decoration:none
}

#mentions h1,
#recrutement h1 {
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius-topleft:5px;
-webkit-border-radius-topright:5px;
background:#B8D30B url(./images/degrade_vert.png) repeat-x scroll left top;
border-radius-topleft:5px;
border-radius-topright:5px;
color:#f9f9f9;
font-size:24px;
letter-spacing:1px;
padding:10px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25)
}

#mentions h2 {
font-size:18px;
padding-bottom:10px;
text-decoration:underline
}

#recrutement h2 {
font-size:14px;
padding-bottom:10px;
/*color:#B8D30B;
font-style:italic;*/
}

#mentions .legales,
#recrutement .legales {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-radius-bottomleft:5px;
-webkit-border-radius-bottomright:5px;
background:#FFF url(./images/degrade_gris.png) repeat-x scroll left top;
border-radius-bottomleft:5px;
border-radius-bottomright:5px;
border-top:1px solid #666;
height:680px;
overflow-y:auto;
padding:10px 15px 10px 10px
}

div.coordonnees {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color:#f3f3f3;
border:1px solid #ddd;
border-radius:5px;
letter-spacing:1px;
padding:10px
}

div.coordonnees p.titre {
color:#B8D30B;
font-size:14px;
font-weight:700;
text-transform:uppercase
}

div.infos {
margin-bottom:5px
}

div.ko {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#FBE3E4 url(./images/attention.png) no-repeat scroll 10px 7px;
border:1px solid red;
border-radius:5px;
color:#8A1F11;
min-height:28px;
padding:5px 5px 5px 40px
}

div.ok {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#E6EFC2 url(./images/succes.png) no-repeat scroll 10px 7px;
border:1px solid #390;
border-radius:5px;
color:#477A06;
min-height:28px;
padding:5px 5px 5px 40px
}

div.load {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#FFF6BF url(./images/loading.png) no-repeat scroll 5px 5px;
border:1px solid #FFD324;
border-radius:5px;
color:#514721;
min-height:28px;
padding:5px 5px 5px 50px
}

#jsAlerte {
background-color:#fff; 
color:#000;
dsiplay:block;
height:100%;
position:absolute;
top:0;
left:0;
width:100%;
z-index:999999;
}

.alerte {
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
border-radius:5px;
-moz-box-shadow:0 0 60px #aaa; 
-webkit-box-shadow:0 0 60px #aaa; 
box-shadow:0 0 60px #ccc; 
background-color:#FFF6BF;
border:1px solid #FFD324;
color:#514721;
margin:150px auto 0;
min-height:30px;
padding:10px 15px 15px 15px;
position:relative;
text-align:left;
width:550px
} 

.alerte a {
color:#514721
} 
 
.alerte h2 {
background:url(./images/info.png) no-repeat scroll 0 0;
border-bottom:1px solid #514721;
font-size:20px;
margin-bottom:10px;
padding:5px 0 10px 40px
}

ul {
list-style-position:inside;
list-style-type:disc;
}

ul ul {
list-style-position:inside;
list-style-type:circle;
padding-left:20px;
}

ul.recrutement {
list-style-position:outside;
padding-left:20px;
}

ul.recrutement li {
padding-bottom:10px;
}

p.plan {
padding-left: 13px;
background:url(./images/fleche_droite.png) no-repeat -3px 0;
margin-top:2px;
}

p.plan a {
color:#333;
font-family:Tahoma;
font-size:12px;
}