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

#wrap {
background:#FFF;
color:#000000;
margin:20px auto 20px auto;
width:960px;
}

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

#header h1 {
color:#FFFFFF;
background-color:transparent;
padding:20px 0 0 300px;
font-size:2.5em;
margin:0;
}
#header h2 {
color:#FFFFFF;
background-color:transparent;
margin:0;
padding:0px 0 20px 300px;
font-size:1.6em;
}
#header #logo {
    float:left;
    margin-left:50px;
    width:200px;
    height:100px;
    cursor:pointer;
}  
/***** Main *****/

#main-background {
overflow:hidden;
height:400px;
width:960px;
display:block;
background:url("../images/main.png") top  left repeat-y;
}
#main {

overflow:auto;
height:380px;
width:680px;
padding:10px;
float:left;
color:#404040;

}

#main h1 {
font-size:1.5em;
font-weight:bold;
color:666633;
}
#main h2 {
font-size:1.2em;
font-weight:bold;
}

#resume_publi {
    background:#FFF;
    border:solid 1px #242a2e;
    width:160px;
    height:200px;
    float:right;
    margin:10px 0 10px 20px;
    
}
#resume_publi h2 {
    font-size:0.9em;
    margin:0;
    padding-top:6px;
    width:160px;
    height:40px;
    color:#FFF;
    clear:right;
    background:url("../images/dock-bg2.png") repeat-x top left;
    text-align:center;
}
#resume_publi ul {
    margin-bottom:10px;
    margin-top:10px;
}
#link_com {
    text-align:center;
    display:block;
    width:160px;
    font-weight:bold;
    font-size:0.8em;
    margin-top:0px;
}
#resume_publi a {
    color:#242a2e;
    text-decoration:none;
}
#link_com:hover {
    text-decoration:underline;
}

/***** Menu *****/
#menu {
margin:0;
height:270px;
display:block;
width:200px;
padding:0 0 0 50px;
float:left;
}

.button, .button_activ {
width:145px;
height:12px;
display:block;
margin:0;
text-decoration:none;
padding:14px 5px 14px 50px;
color:#FFF;
border-bottom:1px #fff dotted;

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

}
.button:hover {
    height:22px;
    background-position:bottom left;
    font-weight:bold;
    border-bottom:1px #FFF dotted;
}
.button_activ {
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;
}


/***** Bottom menu Specific CSS: *****/
#container-menu-bottom {
    width:700px;
    height:70px;
    text-align:center;
    margin:15px 0 0 0;
    float:left;
    background:transparent;position: relative;
    font-size:80%;
    padding:3px;
}

#container-menu-bottom li {
float: left;
list-style: none;
display:block;
height:70px;
width:90px;
margin: 0 5px;
background:url("../images/bleu/menu-abrnp.png");
background-position:left top;
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;
    margin-top:2px;
}

#container-menu-bottom li:hover, #container-menu-bottom #menu-bottom-activ {
background-position:right;
font-weight:bold;
text-decoration:none;
}
#abrnp {background:url("../images/menu-abrnp.png");}
/* vertical link  */

#liens-front {
    width:190px;
    float:left;
    height:80px;
    margin-left:50px;
    padding:5px;
    color:#FFF;
}

#liens-front li {
list-style: none;
margin:0 0 5px 0;
font-size:0.9em; font-family: Verdana,Tahoma,Arial,sans-serif;

}

#liens-front li a {
text-decoration: none;
color: #242a2e;
display:block;
border-bottom:2px dotted #ffffff;
}
#liens-front li a:hover {
    border-bottom:2px dotted #242a2e;
}
/***** HTML Tag *****/
 a img{
    border:none;
}
#main a:visited, #main a:hover {
    text-decoration:underline;}
#main a {
    color:#53A6A6;
    text-decoration:none;
    font-weight:bold;
}

/* Formation */

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

}
.redalert{
    border:solid 2px #ff0000;
}

.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;
}