/* ------------------ MISE EN PAGE DE BASE */
body {margin:0px; padding:0px; background:#FF9900; font: normal 11px Verdana, sans-serif; color: #666666;}
#conteneur {min-height:420px; background-image:url(images/bg_left.gif); border-bottom:solid #666666 2px;}
#navigation {min-height:420px; width:152px; float:left;}
#contenu {width:600px; padding:0 10px 10px 10px; float:left;}
#pied {width:759px; padding-left:80px; padding-top:5px; padding-bottom:60px;}
.txtmoyen {font-size:11px; font-weight:normal; color:#666666;}
p.txtsoustitre {text-align:left; margin:0px;}
p.txtpied {font-size: 10px; text-decoration:none; text-align:center; margin-top:0px; margin-bottom:0px;}
h2 {font-size:12px; color:#333333; margin:0px;}
h3 {font-size:11px; margin:0px;}
h4 {font-size:11px; margin:0px;}
.txtpetit {font-size:9px;}
a:link, a:visited {font-size:10px; font-weight:bold; color:#FFFFFF; text-decoration:none;}
a:link.txtpetit {font-size:10px; font-weight:normal; color: #666666; text-decoration:underline;}
a:visited.txtpetit {font-size:10px; font-weight:normal; color: #CC6600; text-decoration:underline;}
a:link.txtmoyen {font-size:11px; font-weight:normal; color: #666666; text-decoration:underline;}
a:visited.txtmoyen {font-size:11px; font-weight:normal; color: #CC6600; text-decoration:underline;}
#chemin {padding: 10px 0 8px 170px;}
#chemin a {font-size:9px; font-weight:normal; color: #888888; text-decoration:none;}
a:link.itemselect, a:visited.itemselect {font-size:10px; font-weight:bold; color:#F5ECD1; text-decoration:none;}
.clearfloats {clear:both;}

/* ------------------ LE MENU UTILITAIRES (NIVEAU 0) */
/* Voir le javascript pour la correction dynamique du line-heght*/
#niv0ul {position:absolute; left:560px; top:94px; margin:0; padding:0;}
#niv0ul li {display:inline; list-style-type:none;}
.niv0ulon a {color:#F5ECD1;}

/* ------------------ LE MENU DES ONGLETS (NIVEAU 1) */
#boiteniv1 {float:left; width:100%; background:#DAE0D2 url("images/bg.gif") repeat-x bottom; font:bold 10px Verdana, sans-serif; color:#FFFFFF;}
#niv1ul {margin:0; padding:80px 0 0 5px; list-style:none;}
#niv1ul li {float:left; background:url("images/left.gif") no-repeat left top; margin:0 3px 0 0; padding:0 0 0 9px; border-bottom:1px solid #333333;}
#niv1ul a {float:left; display:block; background:url("images/right.gif") no-repeat right top; padding:14px 15px 6px 6px; font-size:11px;}
/* Backslash Hack from IE5-Mac \*/
#niv1ul a {float:none;}
/* End IE5-Mac hack */
#niv1ul a:hover {color:#FFFFFF;}
#niv1ul .niv1ulon {background-image:url("images/left_on.gif"); border-width:0;}
#niv1ul .niv1ulon a {background-image:url("images/right_on.gif"); color:#FFFFFF; padding-bottom:7px;}

/* ------------------ LE MENU SOUS LES ONGLETS (NIVEAU 2) */
#boiteniv2 {font-size:10px; font-weight:bold; color:#FFFFFF;}
#niv2ul {font-size:10px;  font-weight:bold; background:#4D4D4D; padding-left:250px; margin-left:0px; margin-top:0px; margin-bottom:0px; color:#FFFFFF; border-bottom:solid #333333 1px;}
#niv2ul li {display:inline; list-style-type:none; height:16px; line-height:16px;}
.niv2ulon a {color:#F5ECD1;}
#boiteniv2vide {font-size:10px; font-weight:bold; border-bottom:solid #333333 1px; clear:both; height:16px; color:#FFFFFF; background:#4D4D4D;}

/* ------------------ LE MENU DE GAUCHE (NIVEAU 3) */
#boiteniv3 {width:138px; background:#888888; border:solid 1px #737373; margin-top:10px; margin-left:6px;}
#boiteniv3vide {width:138px; margin-top:10px; margin-left:6px;}
#niv3ul {list-style-image:url(images/liste.gif); line-height:12px; padding-left:20px; margin-left:0px; margin-top:0px; margin-bottom:0px;}
#niv3ul li {margin-top:9px; margin-bottom:9px;}
.niv3ulon a {color:#F5ECD1}

/* ------------------ LA MISE EN PAGE SUR 2 (TPL1 ET TPL2) */
p.portfolio {text-align:right;}
p.dessous {clear:both; margin:0px; padding:0px; text-align:center;}
#contgauche {width:240px; text-align:right; float:left;}
#contgauche img {padding:4px; border:solid 1px #CCCCCC; margin:2px;}
#contgcontenu {width:240px; margin-bottom: 10px;}
#contdroit {float:left; margin-left:15px; text-align:center;}
#contdroit img {border: solid 1px #CCCCCC;  padding:5px; margin-bottom: 6px;}
#imgmoybordure {border:solid 2px #666666; float:left;}
.tumbnails {margin-left:4px; border:solid 1px #666666; float:right;}
#getflash {border:0px;}
.conttumbphoto {float:right; margin-bottom:10px;}
.tumbnailsphoto { margin-left:4px; border:solid 1px #666666; float:left;}

/* ------------------ LES ARTICLES (TPL3) */
.article {cursor:pointer;}

/* ------------------ LA RECHERCHE */
#recherche {position:absolute; top:86px; left:860px; padding:0px; width:140px; height:25px;}
.submitrecherche {width:26px; margin:0px; font:11px Verdana, sans-serif; color:#FFFFFF; background:#D88406; border:solid 1px #C17503;}
.inputrecherche {margin:0px; background:#FBA422; border:solid 1px #C17503; font:11px Verdana, sans-serif; color:#FFFFFF; width:100px;}
#nextrecherche {margin-bottom:100px; width:300px; border-top:solid 1px #666666; margin-top:2px;}
#listerecherche {margin-top:30px; margin-bottom:30px;}

/* ------------------ CONTACTER (UTILITAIRES) */
form.form1 {margin-top:48px; margin-bottom:65px;}
p.txtform1 {margin-left:100px; margin-top:14px; margin-bottom:0px; text-align:left;}
p.txtform1rouge {margin-left:100px; color: #990000; text-align:left;}
input.inputform1 {display:block; margin-top:3px; margin-left:100px; background:#E5E5E5; border:solid 1px #999999; font:12px Verdana, sans-serif; color:#666666;}
input.hiddenform1 {border:none;}
textarea.areaform1 {display:block; margin-top:3px;  margin-left:100px; margin-bottom:8px; background:#E5E5E5; border:solid 1px #999999; font:12px Verdana, sans-serif; color:#666666;}
.submitform1 {margin-left:100px; font:11px Verdana, sans-serif; color:#FFFFFF; background:#B8B8B8; border:solid 1px #999999; padding: 1px 0}
p.txtconfirmation {margin-top:100px; margin-bottom:200px; color: #666666; text-align:center;}
p.txtconfirmation2 {margin-top:5px; margin-bottom:10px; color: #666666; text-align:center;}
p.txtrienbd {margin-top:30px; margin-bottom:0px; color: #666666; text-align:center;}
form.formcontact {margin-top:20px; margin-bottom:20px;}
hr.hrcontact {margin-left:100px;}

/* ------------------ PLAN DU SITE */
#plan {list-style-type:none; margin-top:25px; margin-left:155px; margin-bottom:25px;}
#plan li a, #plan li {font: bold 10px Verdana, sans-serif; color: #666666; margin-top:10px; margin-bottom:6px;}
#plan ol li a, #plan ol li {font: normal 10px Verdana, sans-serif; color: #666666; margin-top:0px;  margin-bottom:0px;}

/* ------------------ STYLE GENERAL DES FENETRES POPUP */
.calque {position:absolute; background:#CCCCCC; border-style:solid; border-width:1px; border-color:#999999 #666666 #666666 #999999; z-index:1000}

/* ------------------ POP IMAGE */
#popimage {background-image:url(images/bg_fenetre.gif); left:100px; top:0px; width:830px; z-index:1000;}

/* ------------------ POP LOGIN */
#poplogin {left:350px; top:180px; width:222px;}
#formlogin {margin: 10px 40px; padding-left:0px;}
#poplogin .bordurefenetre {height:230px;}
#poplogin .itemmenuliste {border:none;}
#poplogin h3 {margin:20px 0 0 40px;}
p.txtform2 {margin-left:0px; margin-top:8px; margin-bottom:0px; font-size:10px; text-align:left;}
p.txtform2message {padding-top:10px; color: #990000; text-align:left; font-style:italic;}
#formlogin .submitform2 {width:80px; margin-left:0px; margin-top:10px; font:10px Tahoma, sans-serif; color:#FFFFFF; background:#B8B8B8; border:solid 1px #999999;}

/* ----------- POP LISTE */	
#popliste {text-align:center; left:736px; top:256px; width:222px; z-index:1000;}
.bordurefenetre {font:normal 11px tahoma; border-style:solid; border-width:1px; border-color:#666666 #999999 #999999 #666666; padding-bottom:5px;}
.fenetrehaut {cursor:move; background-image:url(images/niv2.gif); height:25px;}
.atxtfenetre {font:normal 12px tahoma; float:right; text-decoration:none; color:#FFFFFF; margin:5px 8px 0 0; cursor:pointer;}
form.fenetre {margin-top:30px; margin-bottom:0px;}
form.fenetre input, form#formlogin input, #image_file {font:12px tahoma, sans-serif; color:#666666; display:block; margin-top:3px; margin-left:0px; background:#E5E5E5; border:solid 1px #999999;}
form.fenetre input.submit, #submitimage {font-size:11px; color:#FFFFFF; background:#B8B8B8; border:solid 1px #999999;}
form.fenetre p {margin-left:100px; margin-top:14px; margin-bottom:0px; text-align:left;}
.itemmenuliste {margin:4px 4px 0px 4px; padding:5px; border:solid 1px #999999;}
.itemmenuliste h3 {font-family:tahoma, sans-sérif; font-size:11px; margin:0px 0px 6px 0px;}
.itemmenuliste p {margin:0px; font-family:tahoma, sans-serif;}
.itemmenuliste a, a.lienbouton {font-size:11px; font-weight:normal; font-family:tahoma, sans-sérif; color:#FFFFFF; background:#B8B8B8; border:solid 1px #999999; text-decoration:none; display:block; text-align:center; margin:4px 4px 2px 4px; padding:0 0 0 0;}
.itemmenuliste a:hover, a:hover.lienbouton,  #backupliste a:hover,  #gestionimages a:hover {background:#B3B3B3;}
a.lienbouton {width: 100px;}
a.supimage {width: 70px; margin: 10px 0 8px 0; padding:2px 4px !important;}	
a.lienboutonliste {width: 70px; margin: 0 10px 10px 0 !important; display:inline !important; padding:2px 4px !important;}
.itemmenuliste a.moinslarge {margin:4px 70px 2px 70px;}
#confirmselect {display:block; visibility:hidden; color:#CC0000; margin-top:2px; margin-bottom:2px;}
#formdeplacer, #formajouter, #formmodifier, #formlien, #formauth, #formcourriel, #formduree, #formdate {margin:4px 0 0 0;}
#hyperlien {margin:0 0 0 8px; width:180px;}
#formajouter input#texte, #formmodifier input, #formmkdossier input, #formmrename input, #formauth input, #formduree input, #formdate input {margin:0; display:inline;}
form.fenetre input.radio {display:inline; background:none; border:none; margin:0px 0px 0px 3px; cursor:default;}
#espaceradio1, #espaceradio2  {padding:3px 0 2px 0;}
.atxtpetitjs {font-size:9px; text-decoration:underline; cursor:pointer;}
.atxtmoyenjs {text-decoration:underline; cursor:pointer;}
.montrer {float:left; cursor:pointer; font-weight:bold; width:6px;}
.itemmenuliste h3 {display:inline;}

/* ----------- LISTE ÉDITABLE */
#menu {margin:0; padding:0;}
#preview {margin:6px 95px 25px 190px; width:300px;}	
#liste #preview ol {color:#666666; font-size:10px; padding-top:0px; margin-top:0px; padding-bottom:0px; list-style-type:decimal;}
#liste #preview ol ol{font-weight:normal; color:#666666; list-style-type:decimal;}
#liste #preview ol ol ol{font-weight:normal; color:#666666; list-style-type:decimal;}
#listeinactifs .editable {background:none !important;}
.editable {cursor:pointer; background:#f2eee6 !important;}
.editable:hover {font-weight:bold; color:#4d4d4d !important;}
.choisi, .fichierchoisi {font-weight:bold; color:#990000 !important;}
.lienexterne {text-decoration:underline;}
.cacher {display:none;}
#divlisteinactifs, #divlistefichiers {text-align:left; padding-top:4px; width:200px; margin:0;}
#listefichiers, #listeinactifs {margin-top:4px; margin-bottom:4px; padding-bottom:2px;}
#listefichiers li, #listeinactifs li {padding-top:2px;}
#listefichiers li,  #listeinactifs li {font-size:10px; cursor: pointer;}
#textniveau {letter-spacing:2px; text-align:right; margin-top:6px; margin-left:150px; padding:0 110px; height:14px; color:#999999;}
/* ----------- POP GESTIONIMG */
#popgestionimg {left:234px; top:256px; width:500px; z-index:1000;}		
#galerie {padding:4px; border-top:solid 1px #999999;}
#galerie img.editable {border:solid 1px #999999;}
.imgselect {border:solid 1px #CC0000 !important;}
#imagereelle img {padding:10px;}
#nomimage {padding-top:0px;}
#batchimages {padding: 6px 0;}
select#img_par_page {display:inline; margin-top:8px; background:#E5E5E5; border:solid 1px #666666; font:11px tahoma, sans-serif; color:#666666;}
#menudosssiers {margin-top:10px;}
.dossiers {cursor:pointer; border:none;}
.fichiers {cursor:pointer; padding:3px;}
.fichiersselect {border:solid 1px #CC0000 !important; padding:2px;}
#dossiers {padding:10px 0 10px 0;}
.tableicone {float:left; margin:8px 16px 8px 0; text-align:center; width:51px;}
.ligne {display:block}
.rangee {font-size:10px}
#formmkdossier {margin:8px 0 0 0;}

/* ----------- POP OPTIONS */
#popoptions {text-align:center; left:10px; top:256px; width:222px; z-index:1000;}
table#sectcat {border:solid 1px #999999; font-size:9px; margin:10px 0}
table#sectcat th {padding:2px 4px; background:#a6a6a6}
table#sectcat input {margin:0}

/* ----------- POP VISITES */
#popvisites {text-align:center; left:10px; top:140px; width:800px; z-index:1000;}	
#tabvisites {font-size:10px; text-align:left; width:100%;}
#tabvisites th {font-weight:normal; padding:2px 4px; background:#7f7f7f; color:#FFFFFF}
#tabvisites td {padding:2px 4px; background:#b8b8b8;}

/* ----------- CALENDRIER */
#contcalendrier {margin:0 10px 10px 210px; float:left; width:200px;}
#calendchoix {margin:15px 0 5px 420px; text-align:left;}
#calendrier a {font: normal 10px tahoma, sans-serif; color: #4d4d4d;}
#calendrier {border: solid 1px #999999; font: normal 10px tahoma, sans-serif;}
#calendrier th {color:#666666;}
#calendrier td {text-align:center; border:solid 1px #999999; padding:2px; width:18px;}
.day {background:#7f7f7f; color:#FFFFFF;}
.today {cursor:pointer;}
.weekend {background:#b8b8b8; cursor:pointer;}
.daynormal {background:#b8b8b8; cursor:pointer;}
.before {font-weight:bold !important; color:#FFFFFF !important;}
.after {font-weight:bold !important; color:#FFFFFF !important;}
a.lienrobot{text-align:left; font-size:10px; color:#666666; border:none; display:inline; margin:0; padding:0; text-decoration:underline}