/***** Body and main container *****/
html {
font-size:75%; font-family: Verdana,Tahoma,Arial,sans-serif;
}
body {
padding:0;
background:#999999 url("../images/fondbleu.png") top left repeat-x;
/*color:#404040;*/
margin:0 auto;
}

#wrap {
background:#FFF;
/*color:#404040;*/
margin:20px auto 20px auto;
width:960px;
}

/***** Header *****/
#header {
margin:0;
padding:0;
height:102px;
width:960px;
display:block;
background:url("../images/bandeau.jpg") top left no-repeat;
cursor:pointer;
}

#header h1 {
color:#FFFFFF;
background-color:transparent;
padding:20px 0 0 330px;
font-size:2.5em;
margin:0;
}
#header h2 {
color:#FFFFFF;
background-color:transparent;
margin:0;
padding:0px 0 20px 330px;
font-size:1.6em;
}

.formation {
    width:660px;
    min-height:20px;
    margin-bottom:10px;
    padding:5px;
    -moz-border-radius: 5px;
    background-color: #FFF;
    border:1px solid #336699;
    font-size:0.9em;
    
}
.formation .titre {
    width:482px;
    font-weight:bold;
    font-size:1.1em;
    float:left;
    margin:2px;
    
}
.formation .date {
    color:#089eab;
    font-weight:bold;
}
.formation .dateover {
    color:#089eab;
    font-weight:normal;
}
.formation .savoirplus, .formation .inscription , .formation .complet {
    width:80px;
    background:#FFF;
    color:#336699;
    font-size:0.8em;
    text-align:center;
    float:left;
    margin:2px;
    padding:0;
    cursor:pointer;
    font-weight:bold;
}
.formation .inscription {
    border-right:1px solid #336699;
    border-left:1px solid #336699;
}
.formation .complet {
    border-right:1px solid #336699;
    border-left:1px solid #336699;
    color:red;
}
.formation .inscription a {
    text-decoration:none;
    color:#336699;
}
.formation .inscription a:hover {
    text-decoration:underline;

}
/***** Main *****/

#main-background {
overflow:hidden;
height:420px;
width:960px;
display:block;
background:url("../images/main.png") top  left repeat-y;
}
#titre_index {
height:30px;
width:680px;
float:left;
padding:0 10px;
}

#main {
overflow:auto;
height:400px;
width:680px;
padding:10px;
float:left;
/*color:#666633;*/
}

#main h1, #titre_index h1 {
font-size:1.5em;
font-weight:bold;
color:#003399;
}
#main h2 {
    margin-top:5px;
font-size:1.2em;
font-weight:bold;
color:#2465a5;
}
#main h3 {
font-size:1em;
font-weight:bold;
color:#2465a5;
}
#main a {
    text-decoration:none;
    color:#2465a5;
}
#main a:hover {
    text-decoration:underline;
    color:#2465a5;
}
#resume_publi {
    background:#FFF;
    border:solid 1px #242a2e;
    width:160px;
    height:200px;
    float:right;
    margin:20px 0 20px 20px;
    
}
#resume_publi h2 {
    font-size:0.9em;
    margin:0;
    padding-top:6px;
    width:160px;
    height:50px;
    color:#333;
    clear:right;
    background:url("../images/dock-bg2.png") repeat-x top left;
    text-align:center;
}
#link_com {
    text-align:center;
    display:block;
    width:160px;
    font-weight:bold;
}
#resume_publi a {
    color:#242a2e;
    text-decoration:none;
}
#link_com:hover {
    text-decoration:underline;
}

/***** Menu *****/
#menu {
margin:0;
height:500px;
display:block;
width:200px;
padding:0 0 0 50px;
float:left;
}
#zoneinfo {
    border:inset 1px #000;
    width:170px;
    height:380px;
    margin:10px 0  0 10px;
    background:#FFF;
    z-index:100;
    position:relative;
    padding:5px;
    overflow:auto;

    }
#zoneinfo ul{
padding-left:15px;

    }
.button, .button_activ {
width:150px;
height:12px;
display:block;
margin:0;
text-decoration:none;
padding:14px 0 14px 50px;
color:#333;
border-bottom:2px #eee solid;

}
.button{
background:#FFF url("../images/bouton.png") no-repeat;

}
.button_activ, .button:hover{
background: url("../images/bg-black.png") top left repeat-x;
font-weight:bold;
}

/***** Bottom & footer  *****/
#bottom {
height:100px;
width:960px;
display:block;
padding:0;
margin:0;
background:url("../images/bottom.png") top left no-repeat;
clear:left;
}

#footer {
font-size:0.8em;
color:#000;
background:none;
text-align:center;
margin-top:10px;
height:20px;
display:block;
}
/***** Various *****/
.stop {
clear:both;
}
.redalert{
    border:solid 2px #ff0000;
}
.chek{
    border-bottom:1px solid #336699;
    margin:5px 0;
    padding:5px 0;
}
/***** Bottom menu Specific CSS: *****/
#container-menu-bottom {
    width:505px;
    height:80px;
    text-align:center;
    margin-top:12px;
    float:left;
    background:transparent;
    font-size:75%;
    padding: 3px;
    left:50%;
}

#container-menu-bottom li {
float: left;
list-style: none;
display:block;
height:70px;
width:70px;
margin: 0 7px;
background:url("../images/bg-menu-bottom.png") no-repeat;
padding:0px;
cursor:pointer;
}

#container-menu-bottom li a{
text-decoration:none;
color:#FFF;
display:block;
min-height:30px;
}

#container-menu-bottom li a img{
    border:0px;
}

#container-menu-bottom li:hover, #container-menu-bottom #menu-bottom-activ {
background:url("../images/bg-menu-bottom-hover.png") no-repeat;
font-weight:bold;

}
#container-menu-bottom #bioforma {
    background:url("../images/bioforma.jpg") no-repeat;
}
/* inscription bottom  */
#inscription  {
    width:170px;
    background:url("../images/bg-inscription.png") 15px 15px no-repeat;
    height:70px;
    float:left;
    padding:15px;
    margin-left:50px;
    text-align : center;color:#FFF;
}
#inscription img  {
    border:none;
}
#inscription:hover  {
    background:url("../images/bg-inscription-hover.png") 15px 15px no-repeat;
    font-weight:bold;
}
/* vertical link  */
#liens-front {
    width:170px;
    float:left;
    height:80px;
    margin-left:10px;
    padding:5px;
    margin-top:15px;
    display:block;
}

#liens-front li {
list-style: none;
margin:0 0 3px 0;
font-size:11px;
font-family: Verdana,Tahoma,Arial,sans-serif;
}
#liens-front ul {

}
#liens-front li a {
text-decoration: none;
color: #000;
display:block;
}
#liens-front li a:hover {
text-decoration:underline;
}

.titre_formulaire {
    font-size:0.9em;
    font-weight:bold;
    margin-top:5px;
    display:block;
}

#suivant, #precedant {
	margin-top:20px;
	cursor:pointer;
}
#suivant:hover, #precedant:hover {
font-weight:bold;
}
.redalert{
    border:solid 2px #ff0000;
}
.blue336699 {
    color:#336699;
    margin-right:10px;

}
.etiquette {
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
width:195px;
text-align:right;
margin:0 5px 10px 0;
float:left;clear:left;
}

.conteneur_input {
font-size:12px;
width:300px;
float:left;
margin:0 0 5px 0;
}

.clear {
    clear:both;
    visibility: hidden;
}