@CHARSET "UTF-8";

*{padding: 0; margin: 0;}
body{background-color: #FFFFFF;}

html , body , #container{height : 98%; width: 100%;}
body > #container_detail{height:auto; min-height:100%;}
#container_detail{height: 100%;}

img{ border: 0; }

/*Div indépendante passant au dessus de l'interface principale(contenant le logo et le slogan)*/
#header{width: 100%; height: 163px; position: absolute; background-image: url(../images/layout/bg_header.jpg); background-repeat: repeat-x;}
#header #header_centrer{width: 980px; height: 163px; margin: 0 auto;}
#header #header_centrer #logo{float: left; width: 232px; height: 163px;}
#header #header_centrer #logo img{float:left; }
#header #header_centrer #menu_header{float: right; width: 748px; height: 37px;}
/* ---- Culture ---- */
#header #header_centrer #frontend_culture{width: 75px; height: 37px; float: left; visibility: hidden;}
#header #header_centrer #frontend_culture li{list-style-type: none; float: left; padding-top: 10px; padding-left: 10px;}
/* ----------------- */

#header #header_centrer #slogan{float: left; margin-top: 37px; margin-left: 250px; font-family: "Lucida Grande", Arial; font-size: 24px; color: #336666; line-height: 30px;}
#header #header_centrer #menu_main{float: right; height: 37px;}
#header #header_centrer #menu_main ul{float: right; }
#header #header_centrer #menu_main li{list-style-type: none; float: left; margin-top: 5px; margin-right: 15px; line-height: 27px;}
#header #header_centrer #menu_main a{text-decoration: none; font-family: arial; font-size: 17px; color: #999999;}
#header #header_centrer #menu_main a:hover{color:#CCCCCC;}

/*Les 3 div principales :*/
#top{width: 100%; height: 340px; background-image: url(../images/layout/bg_top.jpg); padding: 160px 0px 0px 0px;}
#top #flash_content{width: 100%; height: 463px; margin: 0px auto 0px auto;}


#middle{width: 100%; height: 250px;}
#middle #middle_centrer{width: 980px;  margin: 0 auto;}
#middle #middle_centrer #category_left{width: 326px; background-image: url(../images/layout/bg_category.jpg); background-repeat: no-repeat; background-position: top right; float: left;}
#middle #middle_centrer #category_center{width: 326px; background-image: url(../images/layout/bg_category.jpg); background-position: top right; background-repeat: no-repeat; float: left;}
#middle #middle_centrer #category_right{width: 328px; background-color: transparent; float: right;}

/*Div contenant l'image et le gros titre de chaque category*/
.category_header{width: 236px; height: 40px; margin: 10px 0px 0px 15px; }
.category_header .category_img{width: 51px; height: 40px; float: left; }
.category_header .category_header_txt{width: 185px; height:40px; line-height:40px; float: right; font-family: Lucida Grande CE, helvetica; font-size: 24px; color: #336666;}

#middle #middle_centrer .category_top{width: 100%; height: 130px;}	
#middle #middle_centrer .category_top .category_title{font-family: helvetica; font-style: italic; color: #336699; font-size: 16px; margin: 10px 0px 0px 30px;}
#middle #middle_centrer .category_top .category_content{font-family: arial; font-size: 11px; color: #333333; margin: 10px 0px 0px 30px;}
#middle #middle_centrer .btn_more{width: 188px; height: 80px; margin: 40px auto 0px auto !important; margin: 40px 0px 0px 50px; background-image: url(../images/layout/btn_more.jpg); background-repeat: no-repeat; text-align: center; line-height: 50px;}
#middle #middle_centrer .btn_more a{text-decoration: none; font-family: helvetica; font-style: italic; color: #336699; font-size: 14px;}


#bottom{width: 100%; height: 50px; background-color: transparent; border-top: 1px solid #CCCCCC;}
#bottom #bottom_centrer{width: 980px; margin: 0 auto; margin-top: 10px;}
#bottom #bottom_centrer #copyright{font-family: arial; font-size: 11px; color: #999999; float: left; margin: 6px 0px 0px 0px;}

ul{padding: 0; margin: 0;}

#content_left{width: 250px; height: 500px; background-image: url(/images/layout/bg_about.jpg); background-repeat: no-repeat; background-position: right center; float: left;}
#content_left li{list-style-type: none; font-size: 12px; text-align: justify;}
#content_left ul{margin: -20px 0px 0px 25px;}

#content_right{width: 705px; float: right;}
#content_right p{}
#content_right h1{}

#inscription{width:182px; height:100px; margin: 20px 0px 0px 10px;}
#menudessous{margin-top: 20px;}
#menudessous li{margin-right: 5px;}

/*Menu*/
#bottom #bottom_centrer #menu ul{float: right;}
#bottom #bottom_centrer #menu li{list-style-type: none; float: left; margin: 0px 0px 0px 10px;}
#bottom #bottom_centrer #menu a{text-decoration: none; font-family: arial; font-size: 11px; color: #999999;}
#bottom #bottom_centrer #menu a:hover{color:#CCCCCC;}
.category_content a{color: #336699; text-decoration: none;}
.category_content a:hover{text-decoration: underline;}
/* ---- SEARCHBAR ----  */
#searchBar{width: 245px; height: 72px; background-image: url(../images/layout/bg_searchBar.jpg);}
#searchBar h2{font-weight: normal; font-family: georgia; color: #2f3d40; font-size: 19px; margin: -5px 0px 0px 10px;}
#searchBar input[type=text]{position: relative; width: 174px; height: 25px; background-image: url(../images/layout/bg_search_input.jpg); border: solid 1px #c8c4c4; float: left; top: 5px; left: 12px; font-size: 16px; color: #2f3d40; padding-left: 5px; }
#searchBar input[type=image]{float: right; margin: -1px 15px 0px 0px; position: relative; left: 3px; top: 6px;}

#liste_searchResult{margin: 0px 0px 0px 20px;}
#liste_searchResult li{list-style-image: url(../images/layout/bullet_search.jpg);}
#liste_searchResult a{font-family: georgia; color: #333333;}
/* -------------------  */

/* ---- Articles ----  */
.article{color: #333333;}
.article h1{}
/* ------------------- */