/* reset */
* {
    margin:         0;
    padding:        0;
    border:         0;
}
body {
    background:     url(/image/struct/body_bg.png) repeat-x;
}
#page {
    margin:         0 auto;
    width:          965px;
}
#header {
    position:       relative;
    height:         277px;
    background:     url(/image/struct/header.jpg) no-repeat;
}
#header #flash {
    position:       absolute;
    top:            147px;
}
#header #nav {
    padding-bottom: 1.5em;
    position:       absolute;
    top:            245px;
    left:           12px;
}
#header #nav,
#header #nav a {
    font-weight:    bold;
    color:          white;
}
#header #nav>li {
    position:       relative;
    float:          left;
    height:         27px;
    margin:         0 1px;
}
#header #nav>li>ul {
    display:        none;
    position:       absolute;
    left:           0;
    top:            28px;
    z-index:        10;
    width:          150px;
    background:     #FFF;
    border:         1px solid #C6C6C6;
    border-top:     none;
    -moz-border-radius:     0 0 5px 5px;
    -webkit-border-radius:  0 0 5px 5px;
}
#header #nav>li>ul>li {
    padding:        3px 5px;
}
#header #nav>li>ul>li a{
    color:          #9BC300;
}

#main {
    margin:         0 10px 0 11px;
    min-height:     350px;
    background:     url(/image/struct/c2_back.png) right repeat-y;
}
#main #c1,
#main #c2 {
    float:          left;
    margin-top:     10px;
}
#main #c1 {
    margin-top:     0;
}
#main #c1 {
    width:          710px;
    padding:        0 10px 20px 0;
    font-size:      1.1em;
    line-height:    1.3em;
}
#main #c1 p,
#main #c1 ul,
#main #c1 form,
#main #c1 table {
    margin:         1em 0;
}
#main #c1 .square{
    padding-left:   1.3em;
    background:     url(/image/picto/square.png) no-repeat top left;
    margin-bottom:  1em;
}
#main #c1 ul.ul_check li {
    padding:        0 0 9px 20px;
    background:     url(/image/picto/check_green_small.png) no-repeat;
}
#main #c1 ul.ul_check.check_blue li {
    background:     url(/image/picto/check_bleu_small.gif) no-repeat;
}
#main #c1 ul.ul_check.check_orange li {
    background:     url(/image/picto/check_orange_small.gif) no-repeat;
}
#main #c1 #c1_1,
#main #c1 #c1_2_vert,
#main #c1 #c1_2 {
    float:          left;
    width:          320px;
    text-align:     justify;
}
#main #c1 #c1_2_vert,
#main #c1 #c1_2 {
    margin-left:    40px;
}
#main #c1 #c1_2_vert {
    background-color:#EBF5CF;
    padding:        12px;
}
#main #c1 #c1_1.large {
    width:          700px;
}
#main #c2 {
    width:          202px;
    padding-left:   10px;
    font-size:      1.1em;
}
#main #c2 h1 {
    text-transform: uppercase;
    margin:         0 auto;
    color:          #71696A;
    background:     none;
    font-size:      1.2em;
    padding:        0;
    letter-spacing: normal;
    text-align:     center;
    display:        block;
}
#main #c2 .cadre_formations #ensemble_cat,
#main #c2 .cadre_formations #ensemble_cat_sub {
    float:          left;
}
#main #c2 #ensemble_cat {
    width:          120px;
    height:         38px;
    background:     url(/image/content/home/book.jpg) no-repeat;
    padding:        7px 0 0 55px;
    font-size:      1.1em;
    color:          #71696A;
}
#main #c2 #ensemble_cat_sub {
    padding-top:    20px;
}
#main #c2 .cadre_formations{
    border:         solid 1px #000;
    background:     #FFF;
    margin:         13px auto;
    padding:        5px;
}
#main #c2 .cadre_formations#training_select {
    background:     #FFF url(/image/content/home/formations.jpg) no-repeat center left;
    padding:        .5em .5em .5em 80px;
    min-height:     75px;
}
#main #c2 .cadre_formations#training_select p {
    font-size:      1.1em;
}
#main #c2 .cadre_formations#training_select a {
    background:     url(/image/content/home/fleche_gris.jpg) no-repeat bottom right;
    padding:        2px 20px 2px 0;
    float:          right;
}
#main #c2 ul#recherche_dom {
    margin-top:     5px;
}
#main #c2 ul#recherche_dom li {
    margin:         2px 0 0 22px;
    list-style-image:   url(/image/picto/fleche.gif);
}
#main #c2 ul#recherche_dom li a{
    color:          #000;
}
#main #c2 label,
#main #c2 .label{
    color:          #8FB705;
    font-size:      1.1em;
    font-weight:    bold;
    padding-left:   5px;
    margin-bottom:  0.3em;
    display:        block
}
#main #c2 input[type=text] {
    border:         1px solid #cdcdcd;
    width:          98%;
    margin:         2px;
}
#main #c2 select,
#main #c2 input[type=text] {
    float:          left;
    width:          82%;
}
#main #c2 input[type=submit] {
    float:          right;
    background:     #99C104 url(/image/picto/fleche_submit.png) no-repeat;
    width:          24px;
    height:         22px;
    cursor:         pointer;
}
#main #c2 img {
    float:          right;
}
#main #rails {
    width:          100%;
    height:         20px;
    margin:         6px 0 10px 0;
    color:          #000;
    font-size:      .9em;
}
#main #rails a {
    color:          #000;
}
#main #rails span.active {
    color:          #99C104;
    text-transform: uppercase;
}

#footer {
    background:     #71696A;
    border-top:     solid 1px #3A3536;
    color:          #BABABA;
}
#footer #footer_content{
    position:       relative;
    width:          965px;
    margin:         0 auto;
    padding-top:    5px;
}
#footer #footer_content a {
    color:          #BABABA;
}
#footer #footer_content ul,
#footer #footer_content a#footer_cyberl {
    position:       absolute;
    left:           18px;
}
#footer #footer_content ul li {
    display:        inline;
}
#footer #footer_content ul li:before {
    content:        " |  ";
}
#footer #footer_content ul li:first-child:before {
    content:        "";
}
#footer #footer_content a#footer_cyberl {
    left:           815px;
}
#footer #footer_content #footer_keyword {
    margin:         2.5em 0 .5em 0;
    text-align:     center;
}

/* home specific */
.home #main #c1 div#presentation,
.home #main #c1 div#newsletter,
.home #main #c1 div#centre_conseil {
    width:          191px;
    float:          left;
}
.home #main #c1 div#presentation {
    margin-top:     2em;
}
.home #main #c1 div#photo_home{
    margin-top:     15px;
}
.home #main #c1 div#newsletter img{
    margin-top:     1em;
}
.home #main #c1 div#centre_conseil {

    margin-top:     1.5em;
}
.home #main #c1 div#photo_home,
.home #main #c1 div#news {
    width:          450px;
    float:          right;
    border-left:    1px solid #e5e5e5;
    padding:        0 25px 0 23px;
}
.home #main #c1 div#news p {
    margin:         1em 0;
}
.home #main #c1 div#presentation p {
    text-align:     justify;
    padding:        0 10px;
    margin:         0 0 0.6em 0;
}
.home #main #c1 div#photo_home{
    height:         280px;
}
.home #main #c1 h1{
    margin-bottom:  0px;
}
.home #main #c1 h1.conseil span {
    padding-right:  63px;
}
.home #main #c1 h1.news span {
    padding-right:  94px;
}