/****************************************************************************/
/*         _____________________________  _______________________           */
/*                          __         / / _                                */
/*           ___ _  __ __  / /  __  ()/ // /  _\_ ____  __ _____            */
/*          / -_/ \/ / _ \/ /_/ _ \/ / // _.\/ -_/ _  \/ // / -_            */
/*          \__/_//_/ .__/___/\___/_/_//_//_/\__/\__. /\_,_/\__/            */
/*         ________/_/_____________________________/_/___________           */
/*                                                                          */
/* Titre     : La feuille de style d'Emploithèque                           */
/* Auteur    : Prudhon David - www.emploitheque.org                         */
/* Version   : 21042010-09022012                                            */
/*                                                                          */
/****************************************************************************/

html, body {
margin : 0;
color : #000;
font-family : Arial, Helvetica, "Times New Roman", "Trebuchet MS", Georgia, DejaVu, sans-serif;
font-style : normal;
padding : 0;
background : #D4CAB6 url(../images/fond/fondtotal.png) repeat;
}
div.infobox {
height:7em;
}
li {
text-align:left;
}
p {
text-align:left;
}

.logoET, .pubET, .menuET, .arianeET {
text-align : center;
color : #000;
vertical-align : middle;
border : 0.125em outset;
}
.logoET {
background:#F7D28E url(../images/fond/fondtotal.png) repeat;
border-color:#F7D28E;
font-weight : bold;
}
.menuET {
background:#FFEA91 url(../images/fond/fondtotal.png) repeat;
border-color:#FFEA91;
}
.arianeET {
background:#E0C6C3 url(../images/fond/fondtotal.png) repeat;
border-color:#E0C6C3;
font-style:oblique;
}
.header_fin {
color : #000;
background : #D9D9D9;
}
.header {
color : #000;
font-weight : bold;
background : #FFD375;
}
.header_logo {
color : #000;
font-weight : bold;
background : #F8D585 url(../images/fond/fondtotal.png) repeat;
/*
background : #F8D585 url(../images/logos/emploitheque.png) no-repeat left 0%;
*/
/*
background : #F8D585 url(../images/logos/emploitheque-saint-valentin.png) no-repeat left 0%;
*/
/*
background : #F0F0F0 url(../images/tux/tux-logo-noel.png) no-repeat left;
*/
/*
background : #F8D585 url(../images/logos/bonne-annee-2011.png) no-repeat left 0%;
*/
}
.licence {
color : #FFF;
font-weight : bold;
text-align:left;
background : #930101 url(../images/licence/licence-creative-commons.png) no-repeat left 0%;
padding:1em;
margin:auto;
border:#930101 outset 0.0625em;
}
.gi
{
color : #000;
font-weight : bold;
text-align:left;
background: #EEE3CA url(../images/document/tableau.png) no-repeat right 0%;
padding:1em;
padding-left:2em;
margin:1.5em;
border:#930101 outset 0.0625em;
}
#entete_logo {
background:#FFCAB6;
padding:1em;
border:0.0625em #D4CAB6;
border-style:outset;
background-color:#D4CAB6;
background : #D4CAB6 url(../images/logos/emploitheque.png) no-repeat left;
}
.navigation {
text-align:left;
font-size:72%;
}
.attention {
color:#FFF;
font-weight:bold;
background : #CA341B url(../images/alerte/Attention.png) no-repeat left 0%;
padding:0.25em;
padding-left:1.25em;
border:0.0625em #CB452F;
border-style:outset;
margin:0.25em;
width:86%;
}
.nouveau {
color:#000;
font-weight:bold;
background : #FFF5D5 url(../images/fond/nouveau.png) no-repeat left 0%;
padding:1em 0.25em 0.25em 3.25em;
border:0.125em #000;
border-style:double;
margin:0.25em;
width:auto;
}
/*
.dbox { width: 250px; border-radius: 10px 10px; -moz-border-radius: 10px; background-color: #F00; padding: 5px; }
}
*/

.dbox {
background:#F6F0E0;
padding:1em;
border:0.0625em #F6F0E0;
border-style:outset;
background-color:#F6F0E0;
background : #F6F0E0 url(../images/fond/fondtotal.png) repeat;
/*
border-radius: 0.625em 0.625em;
-moz-border-radius: 0.625em;
*/
/*background : url(../images/fond/dbox-entete.png) no-repeat left 0%;
float:right;*/
/*width:28.5em;
height:7.25em;*/
}
.header_menu {
background : #f8d585 url(../images/fond/fondtotal.png) repeat;
font-weight : bold;
background : #D9D9D9 url(../images/logos/emploitheque.png) no-repeat left;
}
#footer {
vertical-align:middle;
text-align:center;
color:#FFF;
background : #4B5360 url(../images/fond/Tux-G2-emploitheque.png) no-repeat right;
border : 0;
}
/*
#footer img  {
width:5.375em;
height:5.375em;
}
*/
p#footer {
border-top : 1px dotted black;
padding-top : 1em;
}
img {
border : 1px solid #ffffff;
}
img.none {
border : 0 solid transparent;
}
img.pngie {
border : 0 solid transparent;
}
img.marge {
padding : 3px 6px 3px 6px;
border : 0 solid transparent;
}
img.pngiem {
padding : 3px 6px 3px 6px;
border : 0 solid transparent;
}
img.teaser {
background-color:white;
padding : 3px;
border : 1px solid black;
}
.indent {
text-indent:5.5em;
}
p {
text-indent : 30px;
}
h1, h2, h3, h4, h5, h6 {
text-align : center;
margin : 0;
}
i, em {
color : #000;
}
kbd {
background : #d7ddfa;
font-size : 100%;
font-weight : bold;
padding : 1px 2px;
border-width : 1px 3px 4px 2px;
border-style : solid;
border-color : #bbd #99b #779 #cce;
}
.grand {
font-size : 120%;
}
.moyen {
font-size : 87%;
}
.petit {
font-size : 72%;
}
.bulle {
font-weight : bold;
border-bottom : 1px dotted #888;
cursor : help;
}
li {
list-style-image : url("../images/boutons/puce.png");
}
acronym, abbr {
border-bottom : 1px dotted #666;
cursor : help;
}
address {
text-align : left;
font-size : 86%;
letter-spacing : 0.0625em;
line-height : 1.5em;
padding: 0.625em;
padding-left: 1.875em;
}
.cadre {
width:auto;
color:#000;
border:0.0625em #F6F0E0;
border-style:outset;
padding:6px;
margin:6px;
background : #F6F0E0 url(../images/fond/fondtotal.png) repeat;
/*
border-radius: 1em 1em;
-moz-border-radius: 0.625em;
CSS 3 */
}
a {
color : #973e14;
outline : none;
}
a:link {
text-decoration : underline;
color : #5c2c41;
background-color : inherit;
}
a:visited {
color : #000000;
background-color : inherit;
}
a:hover, a:focus {
text-decoration : none;
color : #d82a62;
background-color : inherit;
border : 0;
}
a:hover img {
color : #000000;
background : transparent;
}
a.alert {
color : #ffffff;
text-decoration : underline;
font-weight : bold;
}
a.alert:link {
color : #ffffff;
background-color : transparent;
}
a.alert:visited {
color : #feffff;
background-color : transparent;
}
a.alert:hover {
text-decoration : none;
color : #fff000;
background-color : transparent;
border : 0;
}
a.alert:hover img {
background-color : transparent;
}
a.boutona:hover {
border : 0;
}
a.boutona:hover img {
color : #000000;
background : transparent;
}

a#contenu, a#contenu:link, a#contenu:hover, a#contenu:visited {
color:inherit;
text-decoration : none;
}
a#contenu:link img, a#contenu:hover img {
background-color : transparent;
border : 0;
}
#sommaire {
position:static;
top:23.0625em;
display:block;
float:right;
width:38%;
font-weight:bold;
vertical-align:25em;
border:#CCCCCC 0.025em inset;
border-style:dotted;
background:#FFF;
color:#000000;
padding:0.125em;
margin:0.125em;
}
#sommaire li {
list-style-type:none;
list-style:none;
/*list-style-image:url(../images/boutons/puce-sommaire.png);*/
}
a.menu {
text-decoration : none;
font-weight : bold;
}
a.menu:link img {
background-color : transparent;
}
a.menu:visited img {
background-color : transparent;
}
a.menu:hover {
color:#D14730;
border : 0;
}
a.menu:hover img {
color : #000000;
background-color : transparent;
}
a.nonefond:hover {
border : 0;
}
a.nonefond:hover img {
color : #000000;
background-color : transparent;
}
a.flash:link {
text-decoration : underline;
color : #040400;
font-weight : bold;
}
a.flash:visited {
text-decoration : none;
color : #044b20;
font-weight : bold;
}
a.flash:hover {
text-decoration : overline;
color : #040400;
font-weight : bold;
border : 0;
}
table {
width : 100%;
vertical-align : middle;
border : 0;
}
table.collapse {
border : 0;
border-collapse : collapse;
}
.alert {
color : #FFF;
font-weight : bold;
text-align : center;
padding:0.1875em;
background : #48326D url(../images/fond/fondtotal.png) repeat;
}
.info {
background : #FFFBF7 url(../images/fond/fondtotal.png) repeat;
padding : 6px;
}
.collectiviteA {
background : #EEEEEE url(../images/fond/fondtotal.png) repeat;
padding : 6px;
}
th.colblanc {
background : #ffffff url(../images/fond/fondtotal.png) repeat;
border : 0;
}
.colbleu {
background : #9BBFCC url(../images/fond/fondtotal.png) repeat;
border : 0;
}
.colcreme {
background : #FFDF75 url(../images/fond/fondtotal.png) repeat;
border : 0;
}
.colrouge {
color:#FFF;
background : #930101 url(../images/fond/fondtotal.png) repeat;
border : solid 0.0625em;
}
.accueil {
font-size : 100%;
text-indent : 30px;
padding : 6px;
}

.accueil_image, .accueil_imageB, .accueil_imageR {
color:#000;
text-align : left;
background : #FFF url(../images/fond/fondtotal.png) repeat;
font-size : 100%;
vertical-align : top;
border : dashed 0.0625em;
padding : 0.375em;
}
.accueil_image {
background : #FFF url(../images/fond/fondtotal.png) repeat;
}
.accueil_imageB {
background : #EEE url(../images/fond/fondtotal.png) repeat;
}
.accueil_imageR {
background : #F4E9CF url(../images/fond/fondtotal.png) repeat;
}

.annonce {
display : table-cell;
text-align : left;
background : #e1eddb url(../images/fond/fondtotal.png) repeat;
vertical-align : middle;
font-weight : bold;
border-style : solid;
border-width : 1px;
border-color : #010101;
}
.emploi {
color:brown;
text-align : left;
text-indent : 1.5em;
margin : 0;
width:72%;
padding-bottom:0.25em;
border:groove #64587F 0.0625em;
border-top:0;
border-right:0;
background-color:#FFF;
}
.emploisoustitre {
color:#000;
text-align : left;
text-indent : 2.5em;
margin : 0;
margin-top:0.25em;
width:72%;
padding-top:0.25em;
padding-bottom:0.25em;
border-bottom:dashed 0.0625em;
border-top:dashed 0.0625em;
}
.emploititre {
color : #2c211b;
text-align : center;
border:groove #64587F 0.0625em;
border-left:0;
border-top :0;
background : #F6F0E0 url(../images/fond/fondtotal.png) repeat;
padding : 0.666em;
margin:0.25em;
}
.emploiprofil {
color : #2c211b;
text-align : left;
border :dashed 0.0625em;
background : #F6F0E0 url(../images/fond/fondtotal.png) repeat;
padding : 0.666em;
margin:0.25em;
}
.emploiintro {
color : #403128;
text-align:center;
background : #FFF url(../images/fond/fondtotal.png) repeat;
padding : 0 0.666em 0 0.666em;
border : 0.0625em solid #7f8792;
margin : 0 0 0.666em 0.666em;
}
.emploialaune {
color : #403128;
text-align:center;
background : #FFF;
padding : 0 0.666em 0 0.666em;
border-bottom : 0.0625em solid #7f8792;
border-right : 0.0625em solid #F6F0E0;
margin : 0 0 0.666em 0.666em;
}
.emploimel {
font-weight:bold;
background : url("../images/alerte/note.png") no-repeat left 0%;
text-align : left;
color:#000000;
background-color:white;
padding:0.625em;
}
.emploimel img {
width:3em;
height:3em;
}
.cadreimg {
display : table-cell;
text-align : center;
background : #E3DCC9 url(../images/fond/fondtotal.png) repeat;
font-size : 100%;
font-weight : bold;
vertical-align : middle;
border : 0 outset;
padding : 0.5em;
}
.collectivite {
display : table-cell;
vertical-align : middle;
background : #ffffff url(../images/fond/fondtotal.png) repeat;
width : 70%;
text-align : left;
border : 0;
}
.adsensesT {
/*background : #3E7C3E url(../images/fond/fondtotal.png) repeat;*/
background-color : #4B5360;
text-align : center;
color : #fff;
font-weight : bold;
width : 100%;
border : #4B5360 0.125em outset;
padding : 0.5em;
}
.colcreme {
background : #fefcf5 url(../images/fond/fondtotal.png) repeat;
border : 0;
}
.news {
display : table-cell;
text-align : left;
background : #fafafa url(../images/fond/fondtotal.png) repeat;
vertical-align : top;
font-size : 72%;
}
.profil {
display : table-cell;
text-align : left;
background : #ffffff url(../images/fond/fondtotal.png) repeat;
font-size : 91%;
vertical-align : middle;
border : 0;
}
.profilTOP {
text-align : left;
background : #ffffff url(../images/fond/fondtotal.png) repeat;
display : table-cell;
vertical-align : top;
border : 0;
}
.selectd {
text-align : center;
background : #EEEEEE url(../images/fond/fondtotal.png) repeat;
font-size : 72%;
display : table-cell;
vertical-align : middle;
font-weight : bold;
border : 0.375em #FFFBF7 solid;
border-top:0;
border-right:0;
}
.selectbleu {
text-align : center;
background : #d4e6ea url(../images/fond/fondtotal.png) repeat;
display : table-cell;
vertical-align : middle;
border : 0;
}
.titre {
/*
text-shadow: #8c8c8c 0.0625em 0.0625em 0.1875em;
*/
text-align : center;
color : #000;
background : #FFDF75 url(../images/fond/fondtotal.png) repeat;
border : 0;
display : table-cell;
vertical-align : middle;
border : 0.0625em outset #FFDF75;
/*
border-radius: 0.625em 0.625em;
-moz-border-radius: 0.625em;
*/
}
fieldset {
top : 0.5em;
background : #f1edec url(../images/fond/fondtotal.png) repeat;
width : 85%;
padding : 0.5em 1em;
border : 1px solid #8c8c8c;
margin : 10px auto;
}
textarea {
color : #4e2712;
width : 100%;
background : #dbdbd9 url(../images/fond/fondtotal.png) repeat;
border : 1px solid #8c8c8c;
}
input {
color : #000;
background : #dbdbd9 url(../images/fond/fondtotal.png) repeat;
border : 1px solid #8c8c8c;
}
input:focus, textarea:focus, select:focus {
background : #B8E7F2 url(../images/fond/fondtotal.png) repeat;
border : 1px solid #000000;
}
input.readonly {
color : #c5c1aa;
background : #959281 url(../images/fond/fondtotal.png) repeat;
border : 1px solid #000000;
}
.submit {
border-color : #afcdfb;
background : #dddddd url(../images/fond/fondtotal.png) repeat;
border-style : solid;
border-width : thin;
width : 150px;
height : 20px;
font-family : Verdana, Arial, Helvetica, DejaVu, sans-serif;
font-size : 7pt;
color : #000000;
text-align : center;
}
input.bouton {
color : #fff;
background : #4B5360 url(../images/fond/fondtotal.png) repeat;
font-size : 80%;
font-weight : bold;
padding:0.25em;

border : 0.125em outset #4B5360;
margin:0.1875em;
cursor : pointer;
}
input.bouton:active {
color : #ffffff;
background : #d82a62 url(../images/fond/fondtotal.png) repeat;
border : 0.125em inset #ffffff;
}
input.select {
color : #ffffff;
background : #929bc4 url(../images/fond/fondtotal.png) repeat;
font-weight : bold;
border : 2px outset;
cursor : pointer;
}
input.select:active {
color : #000000;
background : #9BC3CC url(../images/fond/fondtotal.png) repeat;
border : 2px inset #ffffff;
}
label {
font-weight : bold;
display : block;
}
select, option {
color : #000000;
background : #dbdbd9 url(../images/fond/fondtotal.png) repeat;
font-size : 90%;
border : 2px outset #cfccc5;
cursor:pointer;
}
.note {
color:#000;
font-weight:bold;
text-align : left;
background: #FFFBF7 url(../images/fond/info.png) no-repeat left 0%;
padding:1em;
padding-left : 2em;
border-bottom : 0.0625em dotted black;
}
.note img {
width:3em;
height:3em;
}

code {
font-size : 0.9em;
}
html > body code {
font-size : 1.3em;
}
#formulaire, #form, #form2, #form3 {
color : black;
background : #fefcf5;
padding : 1em;
border : 1px solid black;
margin : 0;
}
#formulaire fieldset #form, fieldset #form2, fieldset #form3 {
font-style : normal;
padding : 0 1em 1em;
margin : 0;
}
#formulaire legend#form, legend #form2, legend #form3 {
color : blue;
background-color : transparent;
font-weight : bold;
}
#formulaire p #form, p #form2, p #form3 {
padding : 0.2em 0;
margin : 0 0 0.2em;
}
#formulaire fieldset #form, fieldset #form2, fieldset #form3 label {
float : left;
text-align : right;
width : 45%;
padding : 0 0.5em 0 0;
margin : 0;
line-height : 1.8em;
}
#formulaire, #fom2, #form3, label:hover, input {
/*
cursor : pointer;
*/
}
div label:hover, span {
cursor : default;
}
div.align span.left {
text-align : left;
cursor : pointer;
float : left;
width : 5%;
}
div.align span.center {
text-align : left;
cursor : help;
float : left;
width : 33%;
}
div.align span.right {
text-align : left;
cursor : help;
float : left;
width : 60%;
}