/* =============
  BLOC CENTRAL
============= */
#centre {
background-color: white;
margin-left: 140px;
margin-right: 140px;
text-align: justify;
top: 0;
left: 0;
z-index:100;
}
#centre dl, #centre dd {
margin: 0 0px;
}
#centre dd.t100 , #centre dt.t100 {
float: left;
width: 721px;
margin:0px;
margin-top: 20px;
margin-bottom: 5px;
/*margin-right: 1px!important;
margin-right: 5px;
margin-left: 9px!important;
margin-left: 5px;*/
}
#centre dd.t50 , #centre dt.t50 {
float: left;
width: 340px;
margin-top: 20px;
margin-bottom: 5px;
margin-right: 1px!important;
margin-right: 3px;
margin-left: 0px;
}
#centre dt {
background-color: #ECF0F3;
}
#centre dd {
background-color: white;
}
#centre dt ul.contenu , #centre dd ul.contenu {
margin-left: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-top: 5px;
list-style-type: none;
padding-left: 0px;
padding-right: 0px;
padding-top: 1px;
padding-bottom: 2px;
width: 100%;
}
#centre dt li.bouton , #centre dd li.bouton, #centre dt li.bouton_rouge , #centre dd li.bouton_rouge {
float: right;
margin-right: 0px;
margin-bottom: 5px;
list-style-type: none;
cursor: pointer;
font-weight: bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #4F87D2;
}
#centre dt li.bouton_rouge a , #centre dd li.bouton_rouge a {
text-decoration: none;
font-family: "Trebuchet Ms";
font-size: 14px;
background-color:white;
color:#CF0100;
background-image: url(../images/bouton_picto_rouge.gif);
padding-left: 10px;
padding-right: 0px;
background-repeat: no-repeat;
background-position: 2px 6px;
font-weight:bold;
}
#centre dt li.bouton a , #centre dd li.bouton a {
text-decoration: none;
color:#FFF;
padding-left: 10px;
padding-right: 0px;
background-image: url(../images/bouton_picto_blanc.gif);
background-repeat: no-repeat;
background-position: 2px 4px;
}
#centre dt li.bouton a:hover , #centre dd li.bouton a:hover {
background-color: #6FA7F2;
padding-left: 10px;
padding-right: 0px;
background-image: url(../images/bouton_picto_blanc.gif);
background-repeat: no-repeat;
background-position: 2px 4px;
}
#centre dt ul.titre , #centre dd ul.titre {
background-color: white;
margin: 0;
padding: 0;
list-style-type: none;
padding-bottom: 2px;
}
#centre dt li , #centre dd li {
display: inline;
float: left;
}
#centre dt.t50 li.titre , #centre dd.t50 li.titre {
width: 298px;
}
#centre dt.t100 li.titre , #centre dd.t100 li.titre {
width: 688px;
}
#centre dt.t50 li.titresimple , #centre dd.t50 li.titresimple , #centre dt.t100 li.titresimple , #centre dd.t100 li.titresimple , #centre dt.t50 li.titrediscution , #centre dd.t50 li.titrediscution , #centre dt.t100 li.titrediscution , #centre dd.t100 li.titrediscution , #centre dt.t50 li.surtitrediscution , #centre dd.t50 li.surtitrediscution , #centre dt.t100 li.surtitrediscution , #centre dd.t100 li.surtitrediscution {
width: 100%;
}
#centre dt li.titre , #centre dd li.titre , #centre dt li.titresimple , #centre dd li.titresimple , #centre dt li.titrediscution , #centre dd li.titrediscution {
color: #525252;
font-family:"Trebuchet MS";
font-style: normal;
font-size: 22px;
font-weight: bold; 
letter-spacing: -1px;
background-color: white;
float: left;
border-bottom: 1px dotted #8B9DBB;
padding-top: 28px;
margin-bottom: 17px;
padding-bottom: 2px;
}
#centre dt li.titresimple , #centre dd li.titresimple {
padding: 0;
padding-top: 5px;
margin: 0;
padding-bottom: 2px;
}
#centre dt li.titrediscution , #centre dd li.titrediscution , #centre dt li.titrediscution a , #centre dd li.titrediscution a , #centre dt li.titrediscution a:visited , #centre dd li.titrediscution a:visited , #centre dt li.titrediscution a:hover , #centre dd li.titrediscution a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
text-decoration: none;
font-size: 12px;
color: #5A626D;
font-weight: bold;
padding: 0;
padding-top: 5px;
margin: 0;
padding-bottom: 2px;
}
#centre dt li.surtitrediscution , #centre dd li.surtitrediscution , #centre dt li.surtitrediscution a , #centre dd li.surtitrediscution a {
font-family:"Trebuchet MS";
font-style: normal;
font-size: 10px;
color: #4F87D2;
margin-top: 11px;
background-color: white;
border-bottom: 1px dotted #8B9DBB;
font-weight: bold;
text-decoration: none;
}
#centre dt li.surtitrediscution div.gauche , #centre dd li.surtitrediscution div.gauche {
float:left;
}
#centre dt li.surtitrediscution div.droit , #centre dd li.surtitrediscution div.droit {
float:right;
color: #CCCCCC;
}
#centre dt li.surtitrediscution div.gauche:first-letter , #centre dt li.surtitrediscution div.gauche a:first-letter {
font-size: 12px;
text-transform: uppercase;
}
#centre dd li.surtitrediscution div.gauche:first-letter , #centre dd li.surtitrediscution div.gauche a:first-letter {
font-size: 11px;
text-transform: uppercase;
}
#centre dd li.titre:first-letter , #centre dt li.titre:first-letter , #centre dt li.titresimple:first-letter , #centre dd li.titresimple:first-letter {
font-size: 25px;
text-transform: uppercase;
}
#centre dt li.titrediscution:first-letter , #centre dt li.titrediscution a:first-letter , #centre dt li.titrediscution a:visited:first-letter , #centre dt li.titrediscution a:hover:first-letter {
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
}
#centre dd li.titrediscution:first-letter , #centre dd li.titrediscution a:first-letter , #centre dd li.titrediscution a:visited:first-letter , #centre dd li.titrediscution a:hover:first-letter {
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
}
#centre dt li.picto , #centre dd li.picto {
background-color: white;
float: right;
}
#centre li table {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

/*=================*/
/* ONGLETS         */
/*=================*/
.zonerecrute, .zoneannonces{
border-top: 1px solid #5D616C;
border-left: 1px dotted #5D616C;
border-right: 1px dotted #5D616C;
border-bottom: 1px dotted #5D616C;
margin-top: 14px !important;
margin-top: 10px;
background-color: #ECF0F3;
}
.shadetabs{
padding: 3px 0px;
margin-left: 0px;
margin-top: 6px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs li{
display: inline;
margin: 0;
}
.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #8A9DBB;
border-bottom: 1px solid #5D616C;
color: #CE8388;
background: white url(../images/shadeinvers.gif) top left repeat-x;
}
.shadetabs li a:visited{
color: #CE8388;
}
.shadetabs li a:hover{
text-decoration: underline;
color: #CE8388;
top: 0px; left: 0px; 
}
.shadetabs li.selected{
position: relative;
top: 0px;
}
.shadetabs li.selected a{
color: #9C010F;
background-image: url(../images/shade.gif);
border: 1px solid #5D616C;
border-bottom: 1px solid #ECF0F3;
}
.shadetabs li.selected a:hover{
color: #9C010F;
text-decoration: none;
}
.shadetabs li.selected a:visited{
color: #9C010F;
text-decoration: none;
}

/*=================*/
/* Zone Bulle      */
/*=================*/

.alsasample img {
border: none;
}
.alsasample {
position: relative;
margin:0px;
padding-top: 15px;
width: 329px;
background: #fff url("../images/z_reponse_haut.gif") left top no-repeat;
height: 15px;
}
.alsasample .pied {
width: 329px;
background: #fff url("../images/z_reponse_bas.gif") left bottom no-repeat;
height: 9px;
background-position: 0px 0px;
}
.alsasample .content {
width: 309px;
padding: 0px 10px;
background: url("../images/z_reponse_milieu.gif") repeat-y left;
font-size:9px;
color:#525252;
}
*+html .alsasample {
padding-bottom: 30px;
}
.alsasample .content div.p {
margin:0px;
padding:0px;
height: 12px !important;
height:0px;
display: inherit;
}
.alsasample .content div.p span {
width: 210px;
float: left;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CCCCCC;
}
.alsasample .content div.p a {
text-decoration: none;
padding-left: 10px;
font-weight: bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#FFF;
float:right;
width: 80px;
height: 12px;
background-color: #4F87D2;
cursor: pointer;
background-image: url(../images/bouton_picto_blanc.gif);
background-repeat: no-repeat;
background-position: 2px 4px;
}
.alsasample .content div.p a:hover {
background-color: #6FA7F2;
padding-left: 10px;
padding-right: 0px;
background-image: url(../images/bouton_picto_blanc.gif);
background-repeat: no-repeat;
background-position: 2px 4px;
}

/*=================*/
/* picto seul      */
/*=================*/
.titre .titrediscution span a.ico {
margin-top: 7px;
padding-left: 0px;
float:right;
width: 16px;
height: 12px;
cursor: pointer;
background-image: url(../images/picto_discution.gif);
background-repeat: no-repeat;
background-position: 2px 4px;
}
.titre .titrediscution span a.ico:hover {
margin-top: 7px;
padding-left: 0px;
float:right;
width: 16px;
height: 12px;
cursor: pointer;
background-image: url(../images/picto_discution_hover.gif);
background-repeat: no-repeat;
background-position: 2px 4px;
}