* { margin:0;padding:0; }
a, #punwrap .pun a { text-decoration: underline; COLOR: #000099;}
a:hover, #punwrap .pun a:hover {text-decoration: none ;}
a.chapo {text-decoration: none; color:inherit;}
a.seeAll {font-size:14px;padding-right:22px;display:block;text-align:right;background-repeat:no-repeat;background-position:right center;background-image:url(/styles/images/seeAll.gif)}
hr.spacer {visibility:hidden}

body {color:black;font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif; background-color:#FFFFFF; background-image:url(/styles/images/fond.gif); background-repeat:repeat-x;font-size:12px}

#logo {width:100%; background-image:url(/styles/images/soleil.gif); background-position:right top; background-repeat:no-repeat; margin-bottom:2em; }

h2.logo {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; position: absolute; right:10px; top: 87px;text-align: right;color:#FFFFFF;}

/* CENTER */
#center {margin-left:210px; margin-right:30%;height:790px;}
body > #center {height:auto;min-height:790px}

#center.full {margin-right:5px}
#punwrap {margin-top:60px !important}
#punwrap .pun h2, #punwrap .pun h2 a, #punwrap .pun #brdmenu a  {color:white;}
.pun h2, #brdmenu, div.blockpost h2 {background-color:#1C6F27}
div.box {border-color:white !important;background-color:transparent !important}
div.blockpost div.box, div.postright {background-color:#D7E6D9}
div.postfootright {background-color:transparent}

#center p {font-weight: normal; font-size : 12px ; font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif; color: black; padding-bottom: 0.5em;}
#center h2 {padding-top:1em; font-size: 18px; font-weight: bold;  color: #1C6F27;border-bottom:solid 2px #1C6F27;}
#center h2.first {padding-top:0.5em;margin-top:10px;}
#center h3 {padding-top: 0.8em; font-weight: bold; font-size : 14px ;}
#center h4 {padding: 0;	padding-top: 0.1em;	padding-bottom: 0.6em; font-weight: normal;	font-size : 12px ; color: black;}
#center h4.strong {font-weight:bold;margin-top:10px;}
#center .dateArticle {padding: 0;font-size : 10px ;color: gray; }

#center ul.menu-liste {padding-top: 1em; padding-left: 1em; font-size:12px; }
#center ul.menu-liste-sr {padding-left: 2em; font-size:12px; }

#center ul.planNiveau1 {padding-left: 0em; font-size: 18px; font-weight: bold; list-style-type:none;}
#center ul.planNiveau2Art {padding-left: 1em; margin-top: 0.5em; font-size: 12px; font-weight: normal; list-style-type:circle;}
#center ul.planNiveau2Rub {padding-left: 1em; font-size: 14px; font-weight: bold; list-style-type:square;}
#center ul.planNiveau3 {padding-left: 2em; font-size: 12px; font-weight: normal; list-style-type:circle;}

#center li.planNiveau1 {margin-top: 2em;}
#center li.planNiveau2Art {margin-top: 0.1em;}
#center li.planNiveau2Rub {margin-top: 0.5em;}
#center li.planNiveau3 {margin-top: 0.1em; font-size:12px; font-weight: normal; list-style-type:circle;}

#center .copyright {color: gray; font-size: 10px; }
#center a.hierarchy {color: gray; font-weight: bold; font-size:12px; }

#center li {margin:0 0 10px 20px}
#center .topicAbout {border:solid 1px #C4C4C4;margin:10px 20px 0 0;padding:4px;font-size:10px;}

#center div iframe {float:right}

/* LEFT MENU */
#left {position:absolute; width:180px;top: 100px; }

#left form {margin-left:1em;}
#left label {display: block; font-weight: normal; font-size :10px; color: black;}
#left input {border:1px solid black;}

#left ul {margin-top:1.5em; border-top: gray solid 1px; list-style-type:none;}
#left li {border-bottom: gray solid 1px; padding-left:1em;padding-top:0.3em;padding-bottom:0.3em;font-weight: normal; font-size :12px; }
#left li a {text-decoration: none; color:black;}


/* RIGHT */
#right {position:absolute; width:27%;top: 140px; right:0; margin-right:1em;padding-top:10px}
#right div {border: gray solid 1px; margin-bottom:2em}
#right div h3 {float:left;background-color:#ffffff; margin-left:0.5em;padding-left:0.3em; padding-right:0.3em;margin-top:-0.8em;font-weight: bold; font-size : 14px ; }
#right div p.text {clear:left;padding:0.5em;}
#right div a.text {clear:left;padding:0.5em;}

#right ul {clear:both;padding:0.5em; list-style-type:none;}

#bottom {border:solid 1px gray;background-color:#1c6f27;margin:50px 0;padding:20px;text-align:center;color:#C4C4C4;font-size:small;}
#bottom a {color:#C4C4C4}
#bottom hr {display:none}

.baseline * {}
.baseline {margin-top:10px;font-size:10px;padding-left:20%;padding-right:20%;}
.baseline a {text-decoration:none;font-style:italic;}
.baseline a:hover {text-decoration:underline}

#bottomLinks{text-align:center;margin-left:auto;margin-right:auto;margin-bottom:10px;width:800px}
#bottomLinks li {display:inline;margin:0 5px }


.listeTags {list-style-type:none;margin:0 !important;padding:0;overflow:hidden;}
.listeTags li {margin:0;padding:0;display:inline;list-style-type:none;margin-right:6px;}

.listeTags li a {color:black;}
.tag3 a {color:#333 !important;}
.tag4 a {color:#111 !important;}
.tag5 a, .tag6 a, .tag7 a  {color:#000099 !important;}
.tag8 a, .tag9 a, .tag10 a {color:#1C6F27 !important;}
.tag10 a, .tag11 a, .tag12 a {color:#024F0C !important;}


.tag3 {font-size:90% !important;}
.tag4 {font-size:100% !important;}
.tag5 {font-size:100% !important;}
.tag6 {font-size:110% !important;}
.tag7 {font-size:120% !important;}
.tag8 {font-size:130% !important;}
.tag9 {font-size:140% !important;}
.tag10 {font-size:150% !important;}
.tag11 {font-size:160% !important;}
.tag12 {font-size:160% !important;font-weight:bold; !important;}
.tag13 {font-size:170% !important;font-weight:bold; !important;}
.tag13 a {color:#1C6F27 !important;}
.tag14 {font-size:180% !important;font-weight:bold; !important;}
.tag14 a {color:#024F0C !important;}
.tag15 {font-size:190% !important;font-weight:bold;}
.tag15 a {color:#024F0C !important;}

.breadcrumb, .breadcrumb * {color:black !important;font-size:12px !important;margin-top:10px}
.breadcrumb {margin-top:40px !important}


#googleSearch {position:absolute;top:13px;right:50px;font-size:1em;}
#googleSearch input {border:1px solid black;font-size:1em;}
#googleSeach input.submit {background-color:#1C6F27;}

.comment {margin-bottom:15px}
.comments fieldset {padding:12px}
.comments h3 {margin-top:8px; font-size: 16px; font-weight: bold;  color: #1C6F27;border-bottom:solid 1px #1C6F27;}

.commentText {background-image:url(/styles/images/background-comments.png);background-repeat:no-repeat;background-position:left top;background-color:#d7e6d9;padding:15px;margin-left:30px;padding-left:40px}

#commentform {clear:both;margin:25px 0;}
#commentform legend {font-weight:bold;font-size:16px;text-indent:-1px;}
#commentform img {border:none !important}