html {
  padding: 0px;
  margin: 0px;
  color: black;
  height: 100%;
  font-family : Arial;
}
body 
{
  height: 100%;
  position: relative;
  margin: 0px;
  padding: 0px;
  border-width: 0px;
  background-image: url('/images/design/Fond-site.jpg');
  background-position: top center;
  background-size: 100% auto;
}

#div_header
{
    margin : 0px auto 0px auto;
    padding : 0px;
    height : 216px;
    width : 902px;
    position : relative;
    background : url('/images/design/header.png') no-repeat;
}

#div_a_commune
{
    padding : 25px 0px 0px 0px;
    text-align : center;
}

a#a_commune
{
    font-weight : bold;
    text-decoration : none;
    font-size : 22px;
    color : white;
    text-transform : uppercase;
}

#div_menu
{
    position : absolute;
    bottom : 10px;
    left : 0px;
    width : 900px;
    height : 36px;
    background : url('/images/design/barre-menu.png') no-repeat;
}

#div_menu #div_menus
{
    position : absolute;
    bottom : 0px;
    left : 320px;
    width : 450px;
    height : 36px;
    line-height : 36px;
    background : none;
    border : 0px solid red;
    text-align : center; 
}

#div_menu #div_menus a
{
    color : white;
    text-decoration : none;
    font-family : Arial;
    font-size : 18px;
    text-transform : uppercase;
}

#div_menu #div_menus span
{
    color : white;
    text-decoration : none;
    font-family : Arial;
    font-size : 18px;
    font-weight : bold;
    text-transform : uppercase;
    padding : 0px 30px 0px 30px;
}

#div_background a.UpperMenu , #div_background span.UpperMenu
{
    text-transform : uppercase;
    color : #753387;
    font-size : 14px;
    text-decoration : none;
    display : block;
    margin : 25px 0px 2px 5px;
    font-weight : bold;
}

#div_background a.UnderMenu
{
    color : white;
    text-decoration : none;
    margin-left : 30px;
    text-decoration : none;
    display : block;
}


#div_recherche
{
    position : absolute;
    bottom : 0px;
    left : 50px;
    width : 150px;
    height : 36px;
    background : url('/images/design/recherche.png') no-repeat;
}

#div_recherche input[type="text"]
{
    position : absolute;
    left : 5px;
    top : 7px;
    width : 115px;
    height : 17px;
    border : 1px solid white;
    background : none;
}

#div_recherche input[type="submit"]
{
    cursor : pointer;
    position : absolute;
    right : 0px;
    top : 6px;
    width : 23px;
    height : 23px;
    border : 0px solid red;
    background : none;
}

.nospan span
{
   display :none; 
}

.facebook
{
    position : absolute;
    bottom : 0px;
    right : 40px;
    width :36px;
    height : 35px;
    background : url('/images/design/Facebook.png') no-repeat;
}

.simplelayouttable
{
    border : 0px;
    margin : 0px auto 0px auto;
    padding : 0px;
    border-collapse : collapse;
    width : 900px;
}

.simplelayouttable tr , .simplelayouttable td
{
    border : 0px;
    margin : 0px;
    padding : 0px;
}

.simplelayouttable_left
{
    background : white;
    width : 255px;
    vertical-align : top;
}
.simplelayouttable_left div#div_background
{
    background : url('/images/design/menu_gauche/repeat.jpg') repeat-y;
    padding-bottom : 45px;
}

.simplelayouttable_left div#div_background_end
{
    background : url('/images/design/menu_gauche/end.png') no-repeat;
    width : 255px;
    height : 34px;
    padding-bottom: 30px;
}

.simplelayouttable_right
{
    background : white;
    vertical-align : top;
    width : 645px;
}

#div_footer
{
    background : url('/images/design/footer/footer.png') no-repeat;
    width : 914px;
    height : 156px;
    margin : 20px auto 20px auto;
    position : relative;
}

#a_plan
{/**
    background : url('/images/design/footer/plan.jpg') no-repeat;
    width : 70px;
    height : 70px;**/
    background : url('/images/design/logos/logo-Natura2000.jpg') no-repeat;
    width : 76px;
    height : 61px;
    position : absolute;
    right  : 40px;
    top : 35px;
}


#div_footer_content
{
    width : 250px;
    position : absolute;
    right : 175px;
    top : 18px;
    text-align : left;
    border-left : 1px solid #513a5d;
    padding-left:30px;
}

#div_footer_content span{
    display:block;
    margin: 0 0 3px 0;
    color:#513a5d;
}


#div_footer_links
{
    width : 230px;
    position : absolute;
    right : 460px;
    top : 18px;
    text-align : left;
    border : 0px solid red;
}

#div_footer_links_logos
{
    width : 370px;
    position : absolute;
    left : 10px;
    top : 45px;
    border : 0px solid red;
}

#div_footer_links_logos a
{
    display : block;
    float : left;
    margin : 0px 9px 0px 9px;
}
a#a_logo_region
{
    background : url('/images/design/logos/logo-ValdLoire.jpg') no-repeat;
    width : 48px;
    height : 61px;
}

a#a_logo_cg18
{
    background : url('/images/design/logos/logo-cher.jpg') no-repeat;
    width : 81px;
    height : 61px;
}

a#a_logo_vierzon
{
    background : url('/images/design/logos/logo-PVierzon.jpg') no-repeat;
    width : 73px;
    height : 61px;
}

a#a_logo_vca
{
    background : url('/images/design/logos/Logo-CDC.jpg') no-repeat;
    width : 97px;
    height : 61px;
    margin : 0px 0px 0px 9px;
}

a#a_logo_inpn
{
    background : url('/images/design/logos/logo-Natura2000.jpg') no-repeat;
    width : 76px;
    height : 61px;
    margin : 0px 10px 0px 35px;
}

#div_footer_links a
{
    color : #513a5d;
    text-decoration : none;
    display : block;
    margin : 0px 0px 7px 0px;
    font-style : italic;
}


#div_sous_footer
{
    text-align : center;
    color : #767b7c;
    font-size : 14px;
}

#div_sous_footer a
{
    color : #767b7c;
    text-decoration : none;
}

#div_sous_footer span
{
    padding : 0px 10px 0px 10px;
}

#div_copyright
{
    margin-top : 5px;
}

a#a_abprod
{
    background : url('/images/design/sous_footer/abprod.png') no-repeat;
    width : 31px;
    height : 31px;
    display:block;
    margin : 5px auto 7px auto;
    text-decoration : none;
    border : 0px;   
}

.mainparttitle
{
    color : #753387;
    margin : 20px 0px 20px 20px;
    padding : 0px;
    background : none;
}

.mainpartcontent 
{
    color : #4f3e54;
    padding : 0px 20px 20px 20px;
    background : none;
    position : relative;
}

a.link_news_list
{
    color : #4f3e54;
    display : block;
    margin : 0px 0px 5px 0px;
    font-weight : bold;
    text-decoration : none;
}

 a.link_sitemap_list , .individual_result a
 {
    color : #4f3e54;
    font-weight : bold;
    text-decoration : none;
 }

a.link_news_list:hover , a.link_sitemap_list:hover , .individual_result a:hover
{
    text-decoration : underline;
}

.div_succes_send
{
    color : #753387;
    font-weight : bold;
    margin : 20px 0px 20px 0px;
}

#div_news
{
    background : url('/images/design/news/news.jpg') no-repeat;
    width : 615px;
    height : 238px;
    display : block;
    margin : 20px auto 20px auto;
}

#div_pointille
{
    background : url('/images/design/pointille.jpg') no-repeat;
    width : 554px;
    height : 5px;
    display : block;
    margin : 30px auto 30px auto;
}

#div_index_sous_menus
{
    width : 80%;
    overflow : hidden;
    position : relative;
    background:none;
    margin : 0px auto 0px auto;
    padding : 10px 0px 10px 0px;
    color : #4f3e54;
    font-size : 12px;
}

.div_news_accueil
{
    height : 170px;
    overflow : hidden;
    width : 100%;
    border:0px solid blue;
}

.div_news_accueil_div
{
    width : 230px;
    height : 170px;
    overflow : hidden;
    float : left;
    margin-left : 10px;
    position : relative;
}

.div_news_accueil_div .span_title
{
    display : block;
    color : #363550;/*#753387*/
    text-decoration : none;
    height : 40px;
    line-height : 20px;
    font-size : 16px;
    background:none;
    overflow : hidden;
    font-weight : bold;
    text-transform : uppercase;
    margin-bottom : 10px;
}

.div_news_accueil_div_content
{
    height : 90px;
    line-height : 15px;
    font-size : 14px;
    overflow:hidden;
    color : #363550;
}

.div_news_accueil_div_content p
{
    margin : 0px;
    padding : 0px;
    border : 0px;
}


.div_news_accueil img
{
    width   : 295px;
    height  : 170px;
    margin-left : 5px;
    display : block;
    float   : left;
    border-radius : 10px;
    border : 0px;
    text-decoration : none;
}

.fleche_left
{
    background : url('/images/design/news/flecheR.png') no-repeat;
    width : 17px;
    height : 43px;
    display:block;
    text-decoration : none;
    border : 0px; 
    position : absolute;
    top : 67px;
    right : 0px;
    cursor : pointer;
}

.fleche_right
{
    background : url('/images/design/news/flecheG.png') no-repeat;
    width : 17px;
    height : 43px;
    display:block;
    text-decoration : none;
    border : 0px; 
    position : absolute;
    top : 67px;
    left : 0px;
    cursor : pointer;
}

a.link_more
{
    position : absolute;
    bottom : 0px;
    right : 0px;
    color : #363550;
    text-decoration : none;
    font-style : italic;
    font-size : 12px;
    border:0px;
    margin:0px;
    padding:0px;
}

.div_pagination_img_rond
{
    position : absolute;
    bottom : 3px;
    left : 30px;
    height : 6px;
}

.div_pagination_img_rond span.on
{
    background : url('/images/design/news/pointOnOff-Evenements.jpg') no-repeat 0px 0px;
    width : 6px;
    height : 6px;
    display : block;
    float : left;
    margin-right : 2px;
}

.div_pagination_img_rond span.off
{
    background : url('/images/design/news/pointOnOff-Evenements.jpg') no-repeat -6px 0px;
    width : 6px;
    height : 6px;
    display : block;
    float : left;
    margin-right : 2px;
}

/********************************** DIAPO ***********************************************/
#div_diapo
{
    background : url('/images/design/diapo/Fond-diapo.jpg') repeat-x;
    width : 645px;
    height : 183px;
    display : block;
    margin : 20px auto 20px auto;
    overflow : hidden;
    position : relative;
}

.div_diapo
{
    text-align : center;
}

.div_diapo img
{
    position : absolute;
    top : 4px;
    left : 147px;
    width:350px;
    height:175px;
    display:inline-block;
}

a.link_next
{
    background : url('/images/design/news/flecheR.png') no-repeat;
    width : 17px;
    height : 43px;
    display:block;
     position : absolute;
    top : 70px;
    right : 110px;
    text-decoration : none;
    border : 0px;
}

a.link_previous
{
    background : url('/images/design/news/flecheG.png') no-repeat;
    width : 17px;
    height : 43px;
    display:block;
    position : absolute;
    top : 70px;
    left : 110px;
    text-decoration : none;
    border : 0px;
}

/********************************** SEARCH ***********************************************/

.div_search
{
    padding            : 10px 20px;
    color : #4f3e54;
}

.div_search_result ul
{
    padding          : 0;
    margin           : 0;
    border-bottom    : 2px solid #4f3e54;
}
.div_search_result ul li
{
    list-style       : none;
    position         : relative;
    display          : inline-block;
    text-align       : center;
    width            : 170px;
}
.div_search_result li a
{
    text-decoration  : none;
    /*color            : white;*/
    font-weight      : bold;
}

.individual_result
{
    margin           : 2px 0px 4px 0px;
}

.search_selected
{
    background-color : white;
}
a.search_selected
{
    color            : #4f3e54;
}

a.search_unselected
{
    color            :  #4f3e54;
}

.search_unselected
{
    background-color : white;
}

.linkButton
{
    padding                     : 5px 0;
    text-align                  : center;
    /*color                       : white;*/
    font-weight                 : bold;
    width                       : 75%;
    border-top-left-radius      : 10px;
    border-top-right-radius     : 10px;
    border-top                  : 1px solid #4f3e54;
    border-left                 : 1px solid #4f3e54;
    border-right                : 1px solid #4f3e54;
    display                     : block;
    position                    : absolute;
    bottom                      : 0;
    left                        : 0;
    margin-left                 : 12.5%;
}