/* CSS Document */
html, body {
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
}

a {
    color: #025183;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
}

.home {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: url(../img/fond_1.gif) repeat-x left top;
}

.pagesniv2 {
    background-color: #CEC2A6;
    background: url(../img/fond_3.gif) repeat-x left top;
}

#page {
    width: 100%;
}

#header {
    width: 950px;
}

#header img {
    float: left;
}

#container {
    background: #FFFFFF url(../img/fondpage.gif) repeat-y left top;
    margin-bottom: auto;
    width: 950px;
}

#leftcol_2 {
    width: 240px;
    background: none;
    left: 0;
    margin-bottom: auto;
    z-index: 5;
}

#leftbloc {
    background-color: #0073BC;
    width: 228px;
    display: block;
    position: relative;
    margin-left: 12px;
}

#maincol_2 {
    background: none;
    z-index: 2;
    background-color: #FFFFFF;
}

#clr {
    clear: both;
}

#footer {
    background: #CEC2A6 url(../img/fd_footer.gif) repeat-x left top;
    height: 35px;
    margin: 0;
}

#flash {
    background: #CEC2A6 url(../img/fd_flash.gif) repeat-x left top;
    width: auto
}

#maincol_2 h1 {
    color: #025183;
    font-size: 18px;
    border-bottom: 1px solid #ADE0ED;
    margin-bottom: 6px;
}

#maincol_2 h2 {
    color: #025183;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}

#bloc {
    width: 221px;
    margin-top: 26px;
    display: block;
    border: 1px solid #025183;
    background-color: #015F9B;
    margin-left: 12px;
    color: #FFFFFF;
    /*font: "Tahoma", Arial, Helvetica, sans-serif;*/
    font-size: 10px;
}

#bloc h1 {
    background: url(../img/bloch1.gif) repeat-x left top;
    color: #7FCCFE;
    font-size: 12px;
    font-weight: bold;
    height: 21px;
    /*padding-left:6px;*/
    margin: 0;
}
/*#bloc input{
 margin-left:10px;
 margin-bottom:5px;
 margin-top:5px;
 float:right;
 }*/
#bloc table {
    padding: 4px;
}

form {
    margin: 0;
    padding: 0;
}

#menubloc {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 228px;
}

#menubloc li a {
    background: url(../img/menua.gif) repeat-x top left;
    font: bold 11px "Tahoma", Helvetica, sans-serif;
    color: #FFFFFF;
    display: block;
    width: auto;
    height: 33px;
    padding-left: 10px;
    text-decoration: none;
}

#menubloc li a:hover {
    background: url(../img/menub.gif) repeat-x top left;
    color: #FFE22F;
}
/******************************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.suckerdiv ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 228px; /* Width of Menu Items */
    border-bottom: 1px dashed #ccc;
}

.suckerdiv ul li {
    position: relative;
}
/*1st level sub menu style */
.suckerdiv ul li ul {
    left: 228px; /* Parent menu width - 1*/
    position: absolute;
    width: 220px; /*sub menu width*/
    top: 0;
    display: none;
    background: #0073BC;
    border: 1px solid #025183;
}
/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul {
    left: 220px; /* Parent menu width - 1*/
    background: #0073BC;
    border: 1px solid #025183;
}
/* menu links style */
.suckerdiv ul li a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    background: #0073BC;
    padding: 1px 5px;
    border-top: 1px dashed #ccc;
    border-bottom: 0;
    line-height: 21px;
}

.suckerdiv ul li a:visited {
    color: #ffffff;
}

.suckerdiv ul li a:hover {
    background-color: #2F98DB;
    color: #FFE22F;
}
/*
 .suckerdiv .subfolderstyle{
 background:  #2F98DB url(media/arrow-list.gif) no-repeat center right;
 }
 */
/* Holly Hack for IE \*/
* html .suckerdiv ul li {
    float: left;
    height: 1%;
}

* html .suckerdiv ul li a {
    height: 1%;
}
/* End */
/******************************************/
#menuright {
    list-style-type: none;
    float: right;
    margin-top: 2px;
    margin-right: 3px;
}

#menuright li a {
    background: url(../img/puce_menutop.gif) no-repeat right center;
    color: #0073BC;
    font-size: 9px;
    text-decoration: none;
    padding-right: 9px;
}

#menuright li a:hover {
    background: url(../img/puce2_menutop.gif) no-repeat right center;
    color: #0073BC;
    font-size: 9px;
    padding-right: 9px;
}

#intro {
    float: left;
    text-align: justify;
    /*background:url(../img/fondbloc.gif) repeat-x top left;*/
    margin-left: 5px;
}

#intro h1 {
    color: #FF33CC;
    /*color:#025183;*/
    font-size: 18px;
    border-bottom: 1px solid #ADE0ED;
    /*margin-bottom:6px;*/
    margin: 0;
}

#intro img {
    border: 1px solid #999999;
    padding: 5px;
    background-color: #FFFFFF;
}

#intro img .invisible {
    border: 0;
    padding: 0;
}

#intro p {
    /*margin-top:5px;*/
    margin-bottom: 5px;
}

#actu {
    width: 281px;
    float: left;
    margin-left: 10px;
}

#actu h1 {
    color: #FF33CC;
    /*background-color:#FFFFFF;
     color:#025183;*/
    font-size: 18px;
    border-bottom: 1px solid #ADE0ED;
    margin-bottom: 0;
}

#blocnews {
    background: url(../img/fondbloc.gif) repeat-x top left;
}

#news {
    /*background-color:#DBF1F7;*/
    padding: 5px;
    text-align: justify;
    /*border-bottom:1px dashed #ADE0ED;*/
}

#news #titre {
    color: #0073BC;
    font-weight: bold;
    margin: 0;
}

#news img {
    border: 1px solid #999999;
    padding: 2px;
    background-color: #FFFFFF;
    margin-right: 5px;
}

#news p {
    margin-top: 5px;
    margin-bottom: 0;
}

#article {
    /*margin-top:10px;
     margin-left:10px;*/
    margin: 0px 10px 10px 10px;
    text-align: justify;
}

#article h1 {
    color: #025183;
    font-size: 18px;
    border-bottom: 1px solid #ADE0ED;
    margin-bottom: 16px;
}

#article h2 {
    color: #025183;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px;
}

hr {
    border: none 0;
    border-top: 1px dashed #ADE0ED; /*the border*/
    width: 100%;
    height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
    text-align: center;
}

#article img {
    padding: 5px;
}

#article li {
    list-style: none;
    background: url(../img/puce_article.gif) no-repeat;
    padding-left: 20px;
    padding-bottom: 10px;
    color: #000000;
    text-indent: 0px;
    text-align: justify;
}
/********************** ajout 14 dec Style THUMBNAIL over pour presentation ******************/
.thumbnail {
    position: relative;
    z-index: 0;
}

.thumbnail:hover {
    background-color: transparent;
    z-index: 50;
}

.thumbnail span { /*CSS for enlarged image*/
    position: absolute;
    background-color: lightyellow;
    padding: 5px;
    left: -1000px;
    border: 1px dashed gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
    visibility: visible;
    top: 0;
    left: 60px; /*position where enlarged image should offset horizontally */
}
/***********************************************************************************/
#repere {
    margin: 0;
    padding: 0;
    background: url(../img/fond_repere.gif) repeat-x left top;
    height: 16px;
}

#repere ul {
    margin-left: 15px;
    padding: 0;
    list-style-type: none;
    color: #025183;
}

#repere li {
    display: inline;
}

#repere li a {
    line-height: 15px;
    text-decoration: none;
    color: #025183;
}

#repere li a:hover {
    text-decoration: none;
    color: #ADE0ED;
}

.grostitre {
    color: #025183;
    font-size: 12px;
    font-weight: bold;
}

.recrutementInfo {
    background-color: #DBF1F7;
    color: #025183;
}

.admin_module {
    background-color: #CCCCCC;
    width: 100%;
    color: #FF6600;
}




/*Formulaire de mail*/

.formulaire div.champdiv, .formulaire div.blocchoix {
    clear: both;
    padding: 5px;
    background: url('../img/dotsw2.gif') repeat-x top;
}

.formulaire div.champchoix {
    padding: 0 0 5px 0;
}

.formulaire label, .formulaire div.choixtitre {
    display: block;
    float: left;
    line-height: 1.6em;
		width: 150px;
}

.formulaire div.choixmult {
    display: block;
    float: left;
}

.formulaire div.choixmult label {
    display: block;
		}
#content .maincol_2, #content .leftcol_2, #content .rightcol_2,
#content .maincol_3, #content .leftcol_3, #content .rightcol_3{
  float: left;
}
#content .maincol_2{
  width: 520px;
  padding: 0 5px;
  margin: 5px 0;
  /*background-image:url("../img/ligne_dot_vet2.gif");*/
  background-repeat:repeat-y;
  background-position: right;
}
#content .leftcol_2, #content .rightcol_2{
  width: 238px;
  padding: 5px;
  margin: 0;
}
#content .maincol .formulaire .formbts .bts, #content .maincol_2 .formulaire .formbts .bts, #content .maincol_3 .formulaire .formbts .bts {
  font-size: 1em;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid #FA7018;/*orange*/
  background-color: #FFFFFF;
  width: 125px;
}
#content .maincol .formulaire h3, #content .maincol_2 .formulaire h3, #content .maincol_3 .formulaire h3{
  padding-bottom: 10px;
  font-size: 1em;
  color: #FA7018;
}
#content .rightcol .formulaire h3, #content .rightcol_2 .formulaire h3, #content .rightcol_3 .formulaire h3{
  background: #DFDFDF url('../img/haut_formulaire.gif') no-repeat top;
  padding-top: 50px;
  padding-right: 40px;
  padding-left: 10px;
  padding-bottom: 10px;
  font-size: 1.3em;
  color: #FA7018;
}
#content .rightcol .formulaire{
}
#content .rightcol .formulaire, #content .rightcol_2 .formulaire, #content .rightcol_3 .formulaire{
  width: 240px;
  font-size: 1em;
  padding-bottom: 18px;
  background: #DFDFDF url('../img/bas_formulaire.gif') no-repeat bottom;
}
#content .rightcol .formulaire label, #content .rightcol_2 .formulaire label, #content .rightcol_3 .formulaire label{
  width: 90px;
}
#content .rightcol .formulaire div.choixtitre, #content .rightcol_2 .formulaire div.choixtitre, #content .rightcol_3 .formulaire div.choixtitre{
  width: 80px;
}
#content .rightcol .formulaire div.choixmult, #content .rightcol_2 .formulaire div.choixmult, #content .rightcol_3 .formulaire div.choixmult{
  width: 140px;
}
#content .rightcol .formulaire div.choixmult label, #content .rightcol_2 .formulaire div.choixmult label, #content .rightcol_3 .formulaire div.choixmult label{
  width: 120px;
}
#content .rightcol .formulaire input.champ, #content .rightcol_2 .formulaire input.champ, #content .rightcol_3 .formulaire input.champ{
  width: 120px;
}
#content .rightcol .formulaire textarea.champ, #content .rightcol_2 .formulaire textarea.champ, #content .rightcol_3 .formulaire textarea.champ{
  width: 120px;
}
#content .rightcol .formulaire .formbt, #content .rightcol_2 .formulaire .formbts, #content .rightcol_3 .formulaire .formbts {
  padding-top: 10px;
}
#content .rightcol .formulaire .formbts .bts, #content .rightcol_2 .formulaire .formbts .bts, #content .rightcol_3 .formulaire .formbts .bts {
  font-size: 1em;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  width: 125px;
}
#content .warning {
    padding: 5px;
    font-weight: bold;
}