* {padding: 0px; margin:0px;}

li {list-style-type:none;}

a img, img {border:none;}

a {text-decoration:none; outline:none; color:#404040;}

a.styleLink{color:#404040; text-decoration:underline;}

fieldset{border:none;}

input, textarea{font-size:12px; border:solid #a6a6a6 1px;}

body {background: #fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; color:#404040; text-align:center;}

#global{ background:#f0f1f1 url(../images/background.jpg) repeat-y; width:980px; margin:37px auto auto auto; position:relative;
		 /*border:1px solid #636361;*/ text-align:left;}
 
 
/* Header*/ 
#header {position:relative; height:140px;}

#header h1{width:435px;margin:28px 0px 0px 36px; float:left;}

#header h1 a{text-indent:-9999px; display:block; background:url(../images/logo_bissara.png) no-repeat; width:435px; height:86px;}

#header #outils {float:right; width:164px; height:38px; margin:17px 17px 0px 0px;}

#header #outils ul {float:right;}

#header #outils ul li{float:left; margin-left:3px;}

#header #outils form#cntnt01moduleform_1 {height:21px; float:right; margin-top:7px;} 

#header #outils form#cntnt01moduleform_1 input#cntnt01searchinput
{  background:#fff url(../images/search.gif) no-repeat right center; width:144px; height:21px; padding-right:20px; border:none; }

#header #outils form#cntnt01moduleform_1 input#submit, #header #outils form#cntnt01moduleform_1 label { display:none; }
 
 
 
/*Menu en francais*/
#fr #menu{ background:url(../images/background_menu.gif) no-repeat right center; float:left; width: 116px; margin-top:15px;}

#fr #menu ul li a {display:block; width:114px; height:25px; text-indent:-9999px;}

#fr #menu ul li#accueil a{background:url(../images/menu_fr/btn_accueil.gif) no-repeat top left;}

#fr #menu ul li#artiste a{background:url(../images/menu_fr/btn_artiste.gif) no-repeat top left;}

#fr #menu ul li#sculpture a{background:url(../images/menu_fr/btn_sculpture.gif) no-repeat top left;}

#fr #menu ul li#peinture a{background:url(../images/menu_fr/btn_peinture.gif) no-repeat top left;}

#fr #menu ul li#actualites a{background:url(../images/menu_fr/btn_actualites.gif) no-repeat top left;}

#fr #menu ul li#contact a{background:url(../images/menu_fr/btn_contact.gif) no-repeat top left;}

#fr #menu ul li#blog a{background:url(../images/menu_fr/btn_blog.gif) no-repeat top left;}

#fr #menu ul li#accueil a:hover, #fr #menu ul li#artiste a:hover, #fr  #menu ul li#sculpture a:hover, #fr  #menu ul li#peinture a:hover, #fr  #menu ul li#actualites a:hover, #fr  #menu ul li#contact a:hover, #fr  #menu ul li#blog a:hover  
{  background-position:bottom; }

#fr #menu ul li#accueil a.currentpage, #fr  #menu ul li#artiste a.currentpage, #fr  #menu ul li#sculpture a.currentpage, #fr  #menu ul li#peinture a.currentpage, #fr #menu ul li#actualites a.currentpage, #fr  #menu ul li#contact a.currentpage, #fr  #menu ul li#blog a.currentpage
{  background-position:bottom; }


/*submenu*/
#fr #menu ul li#artiste ul li a, #fr #menu ul li#peinture ul li a, #fr #menu ul li#sculpture ul li a {background:none; float:right;}

#fr #menu ul li ul li{width:114px; text-align:right; height:25px; /*margin-bottom:5px;*/}

#fr #menu ul li ul li a{width:100px; text-indent:0; color:#404040; padding-right:14px;}

#fr #menu ul li ul li a.currentpage, li a.currentpage{color:#a33e2f; font-weight:bold;}

/*#menu ul li ul li a:hover {color:#a33e2f; font-weight:bold; font-size:11px;}*/

/*****************************************************************************************************************************************************/

/* English Menu*/
#en #menu{ background:url(../images/background_menu.gif) no-repeat right center; float:left; width: 116px; margin-top:15px;}

#en #menu ul li a {display:block; width:114px; height:25px; text-indent:-9999px;}

#en #menu ul li#accueil a{background:url(../images/menu_en/btn_home_en.gif) no-repeat top left;}

#en #menu ul li#artiste a{background:url(../images/menu_en/btn_artist_en.gif) no-repeat top left;}

#en #menu ul li#sculpture a{background:url(../images/menu_fr/btn_sculpture.gif) no-repeat top left;}

#en #menu ul li#peinture a{background:url(../images/menu_en/btn_painting_en.gif) no-repeat top left;}

#en  #menu ul li#actualites a{background:url(../images/menu_en/btn_news_en.gif) no-repeat top left;}

#en #menu ul li#contact a{background:url(../images/menu_en/btn_contact_en.gif) no-repeat top left;}

#en #menu ul li#blog a{background:url(../images/menu_en/btn_blog_en.gif) no-repeat top left;}

#en #menu ul li#accueil a:hover, #en  #menu ul li#artiste a:hover, #en  #menu ul li#sculpture a:hover, #en  #menu ul li#peinture a:hover, #en #menu ul li#actualites a:hover, #en  #menu ul li#contact a:hover, #en  #menu ul li#blog a:hover  
{  background-position:bottom; }

#en  #menu ul li#accueil a.currentpage, #en  #menu ul li#artiste a.currentpage, #en  #menu ul li#sculpture a.currentpage, #en  #menu ul li#peinture a.currentpage, #en  #menu ul li#actualites a.currentpage, #en  #menu ul li#contact a.currentpage, #en  #menu ul li#blog  a.currentpage
{  background-position:bottom; }


#en #menu ul li#artiste ul li a, #en #menu ul li#peinture ul li a, #en #menu ul li#sculpture ul li a {background:none; float:right;}

#en #menu ul li ul li{width:114px; text-align:right; height:25px; /*margin-bottom:5px;*/}

#en #menu ul li ul li a{width:100px; text-indent:0; color:#404040; padding-right:14px;}

#en #menu ul li ul li a.currentpage, li a.currentpage{color:#a33e2f; font-weight:bold;}


/*****************************************************************************************************************************************************/

/* Content*/
#contenu {float:left; width:800px; margin:15px 0px 50px 35px; position:relative; /*overflow:hidden;*/}

#contenu h2{font-size:16px; font-weight:bold; color:#a33e2f; margin-bottom:15px;}

#contenu h3{font-size:14px; font-weight:bold; color:#a33e2f;}

#contenu h4{font-size:13px;}

/*home*/
#contenu #flash {float:left; width:370px; height:490px; margin-right:35px;}

#contenu #description_art {float:left; width:332px;}

#contenu #description_art p{margin:0 0 10px 0;text-align:justify; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; color:#404040;}

/* Artiste */
#contenu .text_artiste {width:740px; text-align:justify;}

#contenu  .text_apropos {width:740px; text-align:justify;}

#contenu .text_artiste p, #contenu  .text_critique  p{margin:0 0 10px 0;}


/* Sculpture*/
#contenu #choix_theme {float:left; width:345px;}

#contenu #choix_theme dl.vignette {float:left; margin:0px 5px 0px 0px; padding-bottom:15px; text-align:center; width:108px;}

#contenu #choix_theme dl.vignette dt {height:108px; background:white; border:solid #d0cbc3 1px;}

#contenu #choix_theme dl.vignette dt  img{ width:100%; height:100%;}

#contenu #choix_theme dl.vignette dt  a img{height:108px; width:108px;}

#contenu #choix_theme dl.vignette dd {padding:10px 0 0 0;}

#contenu #choix_theme dl.vignette dd.title  a{color:#404040; font-weight:bold;}

#contenu #choix_theme dl.vignette dd.title  a:hover{text-decoration:underline;}

#contenu  #text{float:left; width:350px; margin-right:30px;}

#contenu  #text p{text-align:justify;}

/*subMenu sculpture*/
#contenu #choix_photo {float:left; width:370px;}

#contenu #choix_photo div.vignette {float:left; width:195px;margin-right:10px;}

#contenu #choix_photo div.vignette img {width:100%;}

/*#contenu #choix_photo dl.vignette dt {height:270px; background:white;}*/

#contenu #choix_photo ul, #contenu  ul.listOeuvre{float:left; height: 380px; background:url(../images/border_choix.gif) no-repeat; padding-left:10px;}

#contenu #choix_photo ul li {margin-bottom:5px;}

#contenu #choix_photo ul li a {color:#404040; text-decoration:underline;}



/*Oeuvres*/
#contenu #miniature {width:40px; float:left;}

#contenu #miniature ul#galerie_mini li a img{width:36px; margin:0 4px 5px 0; margin-right:10px;}

#contenu #miniature ul#galerie_mini li a img {width:36px;height:36px;}

#contenu #oeuvre{ float:left; width:545px; margin-right:20px;}

#contenu #oeuvre #photo{width:545px;text-align:center;}

#contenu #oeuvre #photo a{}

#contenu #oeuvre #photo img{/*width:100%;*/ height: 363px;}

#contenu #oeuvre  p{text-align:justify;}



/* Actualités*/
#contenu #news-permanent, #contenu #news-temporary{width:739px;float:left; margin-bottom:30px;}

#contenu #news-permanent h3, #contenu #news-temporary h3{font-size:14px; margin:0 0 10px 0;}

#contenu #news-permanent {background:url(../images/border_actu.gif) left bottom no-repeat; padding-bottom:10px;}

#contenu #news-permanent  dl dt, #contenu #news-temporary dl dt{background:#FFF; float:left; width:100px; height:70px; border:solid 1px #d0ccc5;}

#contenu #news-permanent dl dd, #contenu #news-temporary dl dd {float:left; width:560px; min-height:90px; margin-left:10px;}



/*  Contact*/

#field{font-style:italic;margin:0 0 10px 0;float:right;}

#mainForm{ width:750px; height:100%; margin:0 0 20px 0;}

#mainForm  li#bout-radio {margin:0 0 10px 0; height:25px;}

#mainForm  #bout-radio p{float:left; width:150px; margin:0 10px 0 0; text-align:right; font-weight:bold; font-size:10px;}

#mainForm .radio_list li{float:left; width:60px; margin:0 30px 0 0; }

#mainForm .radio_list  input{border:none;}

#mainForm  li.required {clear:both; height:30px;}

#mainForm  li.message {margin:5px 0 0 0;}

#mainForm  li.required label, #mainForm  li.message label{display:block;float:left;width:150px; margin:0 10px 0 0; text-align:right; font-weight:bold; font-size:10px;}

#mainForm  li.required input{width:300px; height:20px; font-size:11px;}

#mainForm  li.required   input#contact_optin{width:14px; height:14px;}

#mainForm  li.message textarea{width:400px; height:245px;margin:0 0 10px 0;}

#mainForm  .boutSubmit input{margin:20px 0 0 160px; background:#eee7ce; cursor:pointer; text-align:center; font-weight:bold;}


/**************************************************************/

/* Blog */
#contenu #content_blog{ float:left; width:530px; padding:0 0 0 10px;}

#contenu #content_blog  div.post { margin-bottom:30px;}

#contenu #content_blog  .postHead {color:#6E6E6E; margin:5px 0 5px 10px;}

#contenu #content_blog  .read_article{margin:5px 0 0 0;}

#contenu #content_blog  .read_article a{font-style:italic; color:#000000;text-decoration:underline;}

#contenu #content_blog  .read_article a:hover{color:#000000;text-decoration:none;}

#contenu #content_blog .post-content{ margin:10px 0 50px 0; width:520px; }

#contenu #content_blog .post-content p{ margin:0 0 5px 0;}

#contenu #content_blog .postComments h3{ margin-bottom:10px;} 

#contenu #content_blog #blogForm  label{display:block; float:left; width:80px; height:15px; margin:3px 0 7px 0;}

#contenu #content_blog #blogForm  input{width:300px; height:20px; margin:3px 0 10px 0;}

#contenu #content_blog #blogForm  input.submit{clear:both; cursor:pointer; width:60px; height:22px; position:relative; top:10px; left:80px;}

#contenu #content_blog #blogForm   textarea{width:300px; height:200px;}

#contenu #content_blog  .comment{margin:0 0 10px 0;}

#contenu #content_blog  .newComment{margin:20px 0 0  0;}

#contenu #content_blog  h4{margin:0 0 10px  0;}



/* Credits*/
#contenu #credits { width: 500px; margin:auto;}
#contenu p.credit {margin-top:10px;}


/* Mention-legales*/
#contenu  ul#plan_site {margin-left:30px;}

#contenu  ul#plan_site li{ width:200px;}

#contenu  ul#plan_site a {display:block; height:20px;}

#contenu  ul#plan_site a:hover {color:#a33e2f; text-decoration:underline; font-weight:bold;}

#contenu  ul#plan_site  ul li a {margin-left:20px;}


/* Footer*/
#footer {clear:both; display:block; margin-bottom:20px;}

#footer ul {margin:0 auto; width:265px;}

#footer ul li {display:inline; margin-right:3px; }

#footer ul li a {text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333;}
