body {background : #ddd}
#haut {background : url(fond-haut.gif) no-repeat ; width : 705px ; text-align : left ; height : 85px ; margin : 12px 0}
#haut h1 {float : right ; text-align : right ; font : bold 22px Arial ; color : #fff ; margin : 24px 5px ; padding : 0 25px 0 0}
#haut .editer {position : absolute ; top : 6px ; right : 5px}
.creer #haut h1, .admin #haut h1 {border : 2px dotted #000000 ; position : relative ; padding : 0 30px 0 5px}
#logo {display : block ; padding : 17px 10px}

#gauche  {background : url(fond-menu1.gif) left top no-repeat}
#gauche ul {background : url(fond-menu3.gif) left bottom no-repeat ; list-style-type : none ; margin : 0 25px 0 0 ; padding : 20px 0 128px}
#gauche li {display : block ; background : url(puce.gif) 134px 10px no-repeat ; font : bold 12px Arial ; border-bottom : 1px solid #fff ; text-align : right ; margin : 0 5px 0 0 ; padding : 4px 22px 4px 0 }
#gauche li.selected {background :url(puce-select.gif) 18px 8px no-repeat} 
#gauche li.offline a {color : #949EC8}
#gauche li a {line-height : 16px ; margin : 0 ; color : #fff ; text-decoration : none}
.admin #gauche li.selected.unchecked {background : #CEFF64 url(puce-select2.gif) 18px 8px no-repeat}
.admin #gauche li.unchecked {background : #CEFF64}
.admin #gauche li.unchecked a {color : #000}

#site {margin-top : 15px}
#div-contact {background : url(contact.gif) no-repeat ; width : 705px ; height : 54px}
#div-contact p {margin : 0 18px 6px 130px ; padding : 0 ; font : bold 11px Arial ; text-align : left}
#div-contact p a.editer {position : absolute ; top : 5px ; right : 8px ; border : 1px solid #999}
.creer #div-contact p, .admin #div-contact p {position : relative ; height : 38px ; border : 2px dotted #ff0000}

#droite1 {background : url(fond-contenu1.gif) no-repeat ; height : 15px}
#droite2 {background : url(fond-contenu2.gif) repeat-y}
#droite2 p {font : 13px Trebuchet MS ; text-align : justify ; margin : 0 ; padding : 5px 0}
#droite3 {background : url(fond-contenu3.gif) no-repeat ; height : 15px}
#droite2 #h2 {margin : 20px 5px 24px 0px ;}
.creer #droite2 #h2 {position : relative ; border : 2px dotted #ff0000}
.admin #droite2 #h2 {position : relative ; border : 2px solid  #fff}
#droite2 #h2 a.editer {position : absolute ; left : 5px ; top : 7px ; border : 1px solid #999}
#droite2 #h2 h2 {margin : 0 ; background : url(fond-h2.gif) 100px 2px no-repeat ; padding : 7px 20px ; text-transform : uppercase ; font : bold 12px Arial ; text-align : right ; color : #fff}

.block h4 {color : #000 ; font : bold 12px Arial ; text-transform : uppercase ; text-align : left ; border-bottom : 1px solid #000 ; padding : 2px 0 ; margin : 10px 0 8px}
.block h4 a.icone {float : right ; border : 1px solid #999 ; position : relative ; top : -4px ; margin-left : 8px}
.block {margin : 8px 5px 8px 0 ; padding : 0 25px}
.creer .block {border : 2px dotted #ff0000}
.admin .block  {border : 2px solid #fff}
.admin #page .unchecked {background : #CEFF64}
.block div.photos  {float : left ; margin : 6px 24px 0 0 ; width : 200px}
.block div.photos div {margin-bottom : 8px ; position : relative}
.block div.photos div a.supprimer {position : absolute ; top : 8px ; right : 8px ; border : solid 1px #fff}
.block div.photos div a.changer {position : absolute ; top : 8px ; right : 34px ; border : solid 1px #fff}
.block div.photos div span {display : block ; text-align : center ; font : italic 11px/18px Arial}
div.clear {clear : both ; height : 1px ; line-height : 1px}
p.exemple {font : italic 13px Trebuchet MS; color : #666 ; text-align : justify ; margin : 0 ; }

/* Liens */
#liens {font: bold 10px/18px Verdana; color: #555; text-align: center; padding: 10px;}
#liens a {color: #555;}
#liens a:link, #liens a:visited {text-decoration: none;}
#liens a:hover, #liens a:active {text-decoration: underline;}