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;}
img.img_index {float: left;}
img.img_index_offset {float: left; margin-top: -10px;}
span.text_bold {font-weight: bold; }
div.rubrique_titre {background: url(http://perso.orange.fr/saint-clement/images/vb_marbre300x24.gif); color: black; 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: url(http://perso.orange.fr/saint-clement/images/vb_marbre300x24.gif); color: black; 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; }
-moz-opacity: 0.7; background-color: black; width: 300px; height: //200px;}
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://perso.orange.fr/saint-clement/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: 1px; height: 200px;}
div.copyright {float: right;  text-align: center; width: 100%; color: gray; margin-top: 3ex;}
//div.note {background: url(http://perso.orange.fr/saint-clement/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;}
div.note {background-color: rgb(255,255,0); position: absolute; top: 140px; left: 16px; width: 140px; height: 340px; margin: 16px; padding: 16px; text-align: justify; border: 0px; border-style: solid; font-family: Verdana, sans-serif; font-size: 11px; z-index: 30; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5;}

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%;}
border-style: solid; text-align: left;}
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;}
div.article {
		margin-left: auto;
		margin-right: auto;
		width: 500px;
		text-align: center;
		position: relative;
		overflow: hidden;
		margin-top: 0px;
		height: 1.3em;
		border-style: solid; border-width: 1px;
}		
div.contenu {
		position: absolute;
		width: 830px;
		overflow: hidden;
		text-align: left;
}