body {
    margin:0px;
    padding:0px;
    width:100%;
    font-family:Verdana,Arial,Helvetica;
}

#body {
    width:1092px;
    position:absolute;
    left:50%;
    margin-left:-546px;
}

#header {
    height:150px;
}

#header #logo {
    position:absolute;
    margin-left:80px;
    margin-top:40px;
    width:124px;
    height:83px;
    background:transparent url('/imgs/tpl/logo.jpg') left top no-repeat;
}

#header #slogan {
    position:absolute;
    margin-left:260px;
    margin-top:110px;
    font-family:arial narrow, calibri;
    font-size:14px;
    color:#8b8d8e;
}

#header #lang {
    position:absolute;
    margin-left:420px;
    margin-top:25px;
    font-family:arial narrow, calibri , Arial;
    font-size:14px;
    
}

#header #lang .title {
    color:#8b8d8e;
    font-weight:bold;
    width: 550px;
    border:0px;
    padding:0px;
    margin: 0px;
}

#header #lang .input-search {
    width:120px;
    height:16px;
    padding:0px;
    margin: 0px;
    font-size: 1em;
    background:#ebebec;
    border:1px solid #cacaca;
}                                


#header #lang .bt-search {
    border:0px;
    width:18px;
    height:18px;
    background: url('/imgs/recherche_sur_home.png') left bottom no-repeat;
    background-color: #868889;
    padding:0px;
    margin:-3px;
    cursor:pointer;
}

#header #lang a {
    color:#8b8d8e;
    text-decoration:none;
    font-weight:bold;
    padding-left: 40px;
}


#header #log_extranet {
    float:right;
    margin-right:0px;
    margin-top:20px;
}

#content {
    height:405px;
    background:transparent url('/imgs/tpl/image_principale.jpg') left top no-repeat;
    color:#FFFFFF;
    margin:0px;
    padding-left:712px;
    padding-right:100px;
    font-size:12px;
    line-height:1.4;
}

#content .content {
    padding-top:28px;   
}

#content #a-voir {
    margin-top:202px;
    position:absolute;
    width:282px;
    background:#5a7d97;
}

#content #a-voir .title {
    padding-bottom:25px;
    padding-left:35px;
    background:transparent url('/imgs/tpl/arrow-blue.jpg') left top no-repeat;
    font-family:impact;
    font-size:24px;
    line-height:1.2;
}

#content #a-voir .title a {
    color:#FFFFFF;
    text-decoration:none;
}

#content #a-voir .title .underline {
    border-bottom:1px solid #FFFFFF;
}

#footer {
    margin-top:6px;   
}

#footer .bloc {
    float:left;
}

#footer .bloc_end {
    float:left;
}


#footer .bloc ul {
    margin-top:20px;    
}

#footer .bloc ul li {
    list-style-image: url('/imgs/tpl/list-square.jpg'); 
    margin-left:-18px;
    margin-bottom:5px;
    font-size:12px;
    font-family:calibri;
    text-transform:uppercase;
}

#footer .bloc ul li a {
    color:#000000;
    text-decoration:none;
}

#footer .bloc #yellow1 a,
#footer .bloc #green1 a,
#footer .bloc #purple1 a,
#footer .bloc #turquoise1 a {
    color:#FFFFFF;
    text-decoration:none;
}

#footer .bloc #yellow1 {
    float:left;
    background:transparent url('/imgs/tpl/bg-bloc-yellow.jpg') left top repeat-x;
    height:130px;
    width:131px;
    padding-top:50px;
    text-align:center;
    font-family:impact;
    font-size:22px;
    color:#FFFFFF;
}

#footer .bloc #yellow2 {
    float:left;
    background:#fde49b;
    height:130px;
    width:140px;
    margin-right:6px;
}

#footer .bloc #green1 {
    float:left;
    background:transparent url('/imgs/tpl/bg-bloc-green.jpg') left top repeat-x;
    height:130px;
    width:132px;
    padding-top:50px;
    text-align:center;
    font-family:impact;
    font-size:22px;
    color:#FFFFFF;
}

#footer .bloc #green2 {
    float:left;
    background:#d9e98b;
    height:130px;
    width:140px;
    margin-right:6px;
}

#footer .bloc #purple1 {
    float:left;
    background:transparent url('/imgs/tpl/bg-bloc-purple.jpg') left top repeat-x;
    height:130px;
    width:133px;
    padding-top:50px;
    text-align:center;
    font-family:impact;
    font-size:22px;
    color:#FFFFFF;
}

#footer .bloc #purple2 {
    float:left;
    background:#e4dffb;
    height:120px;
    width:143px;
    margin-right:6px;
    padding-top:10px;
}

#footer .bloc #turquoise1 {
    float:left;
    background:transparent url('/imgs/tpl/bg-bloc-turquoise.jpg') left top repeat-x;
    height:130px;
    width:126px;
    padding-top:50px;
    text-align:center;
    font-family:impact;
    font-size:22px;
    color:#FFFFFF;
}

#footer .bloc #turquoise2 {
    float:left;
    background:#9adfd4;
    height:130px;
    width:129px;
    text-align:left;
}

#footer .bloc #turquoise2 .link {
  	background:transparent url('/imgs/tpl/list-square.jpg') left 5px no-repeat; 
    margin-top:10px;
  margin-left:10px;
  padding-left:15px;
    text-align:left;
    font-size:14px;
    color:#02385f;
    font-weight:bold;
    text-decoration:none;
}

#footer .bloc #turquoise2 .link a {
    font-size:14px;
    color:#02385f;
    font-weight:bold;
    text-decoration:none;
}