div.logo, div.page {margin-left: auto; margin-right: auto; width: 800px; text-align: center;}
div.rubrique_l, div.rubrique_l_final {float: left; width: 300px; height: 200px; margin-left: 90px; margin-right: 0px; display: inline; margin-bottom: 24px; z-index: 1;}
div.rubrique_r, div.rubrique_r_final, div.rubrique_r_final_v2 {float: right; width: 300px; height: 200px; margin-right: 90px; margin-left: 0px; display: inline; margin-bottom: 24px; z-index: 1; margin-top: -224px;}

div.rubrique_l_final, div.rubrique_r_final, div.rubrique_r_final_v2 {background: white; border: 0px; border-style: solid; text-align: justify; font-family: Verdana, sans-serif; font-size: 11px; z-index: 1;}
div.rubrique_l_final img, div.rubrique_r_final img, div.rubrique_r_final_v2 img {padding: 10px; border: 0px; border-style: solid;}

span.text_bold {font-weight: bold; }

img.img_index {float: left;}

div.rubrique_titre {background: rgb(0,153,229); color: white; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; padding-left: 4px;}

a:visited {font-weight: normal; text-align: right;}
a:link, a:visited {color: gray; text-decoration: none; text-align: right; display: block; margin-top: 16px;}

a.title_item:link, a.title_item:visited {background: rgb(0,153,229); color: white; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; margin-top: 0px; text-align: left;}


div.l_final_off {float: left; width: 300px; height: 200px; display: inline; position: relative; top: 0px; margin-left: -300px; margin-right: 90px;border: 0px; border-style: solid; margin-bottom: 24px;}
div.l_final_on {float: left; width: 300px; height: 200px; display: inline; position: relative; top: 0px; margin-left: -300px; margin-right: 90px;border: 0px; border-style: solid; margin-bottom: 24px;}
div.r_final_off {float: left;  width: 300px; height: 200px; display: inline; position: relative; top: 0px; margin-left: 410px; margin-right: 0px;  border: 0px; border-style: solid; margin-bottom: 24px; margin-top: -224px; }
div.r_final_on {float: left; width: 300px; height: 200px; display: inline; position: relative; top: 0px; margin-left: 410px; margin-right: 0px;  border: 0px; border-style: solid; margin-bottom: 24px; margin-top: -224px; }
div.l_final_off, div.r_final_off {z-index: 10; filter:alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; width: 300px; height: 200px; background-image: url(http://www.presentiel.com/images/coming_soon.gif);}

div.r_final_off_layer {float: left; display: inline; margin-top: -224px; margin-left: 410px; z-index: 9; filter:alpha(opacity=30); opacity: 0.3; -moz-opacity: 0.3; background-color: black; width: 300px; height: 200px;}
div.l_final_off_layer {float: right; display: inline; position: relative; margin-top: -224px; margin-right: 410px; z-index: 9; filter:alpha(opacity=30); opacity: 0.3; -moz-opacity: 0.3; background-color: black; width: 300px; height: 200px;}

div.l_final_on  {z-index: 20; width: 0px; height: 200px; background-color: blue; margin-left: 0px;}
div.r_final_on  {z-index: 20; width: 0px; height: 200px; background-color: blue;}

div.copyright {float: right;  text-align: center; width: 100%; color: gray; margin-top: 3ex;}

div.note {background: url(http://www.presentiel.com/images/postit.gif); position: absolute; top: 140px; left: 16px; width: 140px; height: 140px; margin: 16px; padding: 16px; text-align: left; border: 0px; border-style: solid; font-family: Verdana, sans-serif; font-size: 11px; z-index: 30;}

body.cliche {background: #FFFFCC;}
h1 {color: gray; text-align: center; padding: 1em;}
div.photo, div.zoom, div.zoom2, div.liens {margin-left: auto; margin-right: auto; width: 800px;}
div.photo1 {position: absolute; width: 533px;  text-align: left; margin: 8px;}
div.photo2 {float: left; width: 355px; height: 533px; margin: 8px;}

div.right_area {float: right; height: 549px; width: 420px;}

div.commentaire2 {font-family: Helvetica, Arial, sans-serif; font-size: 14pt; width: 420px; height: 405px;}
div.zoom2 {padding-top: 10px; padding-left: 22px;} 

span.commentaire { position: absolute; width: 241px; margin-left: 559px; text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: large;}

span.par {position: relative; top: 2ex; margin-bottom: 2ex; display: block;}

div.zoom {padding-top: 395px; width: 800px; margin-right: 0px; margin-left: 0px; padding-right: 0px; padding-left: 0px;}

div.zoom img {float: left; width: 128px; padding: 36px; margin-left: 0px; margin-right: 0px; height: 128px;}


div.zoom2 {display: inline;}

div.liens2,  div.liens {width: 800px; height: 3ex; text-align:center;}

span.empty {float: left; width: 32px; vertical-align: 50%;}

span.lien1 {float: left; width: 168px; text-align: left; vertical-align: 50%;}
span.lien3 {float: left; width: 400px; text-align: center; vertical-align: 50%;}
span.lien2 {float: left; width: 168px; text-align: right; vertical-align: 50%;}


div.rubrique_r_final_v2 {background: rgb(0,153,229); border: 1px; border-style: solid; text-align: left;}


div.texte_rubrique {margin-right: 4px; margin-left: 4px; z-index: 100;}


div.rubrique_l, div.rubrique_r {background: gray; border: 1px; border-style: solid;}

div.marge {float: left;background: green; border: 1px; border-style: solid; width: 95px; height: 600px;}