/* feuille de style pour les Little Boxes */
* {padding: 0; margin: 0;}

body {
color: gray;
background-color: #8C8c8C;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
} 

#wrapper {
background-color:white;
background-image: url(background.gif);
background-repeat: repeat-y;
background-position: top left;
width: 950px;
min-width: 600px;
margin: 10px auto;
}

#bandeau {
position: relative;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
/*background-color: #008284;*/
background-color: #007792;
}

#bandeau p {
text-align: right;
position: absolute;
top: 95px;
right: 10px;
/*font-weight: bold;*/
color: white;
/*width: 25em;*/
padding: 5px;
/*margin-bottom: 0;*/
}

#bandeau img {
/*background-color:white;*/
padding: 5px;
}

#bandeau p img {
background-color: transparent;
float: right;
}


#zone_de_navigation {
text-align: center;
font-size: 80%;
color: #008284;
background-color: white;
background-image: url(background.gif);
background-repeat: repeat-y;
background-position: top left;
/*background-image: url(background.gif);
background-repeat: repeat-y, repeat-x;*/
background-position: top left;
padding: 15px 0;
border-bottom: 1px solid #8c8c8c;
}

#zone_de_navigation ul{
display: inline;
list-style-type: none;
margin: 0;
}

#zone_de_navigation li{
display: inline;
list-style-type: none;
margin: 0;
}

#zone_de_navigation a {
color: #008284;
/*background-color: #ffeda0;*/
background-image: url(navigation.jpg);
background-repeat: repeat-y, repeat-x;
padding: 5px;
border: 3px solid #c6c6c6;
}

#zone_de_navigation a:hover
{
text-decoration: none;
color: green;
/*background-color: #8c8c8c;*/
padding-bottom: 8px;
border-bottom: none;
}

#formation_inter_dif #nav01 a,
#metier_2009 #nav01 a, #plan_metier #nav01 a,
#expertise_2009 #nav01 a, #plan_expertise #nav01 a,
#logiciel_2009 #nav01 a, #plan_logiciel #nav01 a,
#formation_sur_mesure #nav02 a,
#bilan_competence #nav03 a, #accompagnement_vae #nav04 a,
#autre_prestation #nav05 a, #contact #nav06 a
{
text-decoration: none;
color: white;
background-color: white;
background-image: url(navigation_active.jpg);
background-repeat: repeat-y, repeat-x;
border: 3px solid #8c8c8c;
/*padding-bottom: 5px;*/
}

#formation_inter_dif #nav01 a:hover,
#metier_2009 #nav01 a:hover, #plan_metier #nav01 a:hover,
#expertise_2009 #nav01 a:hover, #plan_expertise #nav01 a:hover,
#logiciel_2009 #nav01 a:hover, #plan_logiciel #nav01 a:hover,
#formation_sur_mesure #nav02 a:hover,
#bilan_competence #nav03 a:hover, #accompagnement_vae #nav04 a:hover,
#autre_prestation #nav05 a:hover, #contact #nav06 a:hover
{
padding-bottom: 8px;
border-bottom: none;
}


/*#zone_de_navigation a:active {background-color: white; }*/


#zone_de_texte {
width: 700px;
background-color: white;
padding: 20px;
margin: 20px 50px 20px 150px;
}

#contenu_gauche {
float: left;
width: 27em;
/*border-left: 1px solid #d9d9d9;*/
padding-bottom: 20px;
margin-bottom: 10px;
}

#contenu_droit {
float: right;
width: 21em;
/*background-color: #d9d9d9;*/
padding-bottom: 20px;
margin-bottom: 10px;
margin-right: 20px;
}

.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

table {
text-align: center;
font-size: 80%;
border-width:1px; 
border-style:solid; 
border-color:#008284;
width:98%;
}

td { 
border-width:1px;
border-style:solid; 
border-color:#008284;
vertical-align:middle;
}

th {
color: white;
border-width:1px;
border-style:solid; 
border-color:#008284;
vertical-align:middle;
background-color: #008284;
padding-top: 5px;
padding-bottom: 5px;
}

table ul {
margin: 0;
}

table li {
margin-top: 5px;
margin-right: 2px;
margin-bottom: 5px;
margin-left:20px;
}


.image_gauche {
float: left;
padding: 3px;
border: 5px solid: #ccc;
margin: 15px;
}

.image_droite {
float: right;
padding: 3px;
border: 5px solid: #ccc;
margin-right: 10px;
margin-bottom: 10px;
}


#pied_de_page {
/*float: left;*/
width: 100%;
background-color: white;
padding: 0;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #8C8C8C;
margin-top: 1px;
}


h1 { font-size: 150%; }
h2 { font-size: 100%; color: black !important;
	margin-bottom:1em;}
h3 { font-size: 90%; color: gray !important;
	margin-bottom:1em;}

address {
text-align: center;
font-size: 80%;
font-style: normal;
letter-spacing: 2px;
line-height:1,5em;
}

a { text-decoration: none; outline: none;}
a:link { color: #008080; }
/*a:visited { color: #cc6666; }*/
a:visited { color: green }
a:hover, a:focus { text-decoration: underline; }
/*a:active { color: white; background-color: #d90000; }*/
a img {border: 0;}
.skiplink { display: none; }
ul li { list-style-type: square; }
ol li { list-style-type: lower-alpha; }

.boite_information {
color: black;
background-color: #8c8c8c;
border: 3px solid #ecf7dd;
}

p, ul {
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left:0;
}
ul ul { margin: 0;}
li {
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left:2em;
}

/* ==========================================================================
Le formulaire de contact
============================================================================*/
form {
background-color: #eee;
width: 400px;
padding: 20px;
border: 1px solid #8c8c8c;
}
label {display: block;}
#expediteur, textarea {
width: 300px;
border: 1px solid #8c8c8c;
margin-bottom: 1em;
}
textarea {height: 7em}
input:focus, textarea:focus
{
background-color: #d9d9d9;
}