/* GENERAL */
body {background-color:#303030; color:white; font-family:Arial,Sans-Serif}
div.main {width:960px; position:absolute; left:50%; background-color:black; background-position:0 120px; margin:0 auto 0 -480px}
div.mainContent {margin-top:128px; min-height:500px}

.italic { font-style: italic }
.small { font-size: 10px }

/* HEADER */
div.header {width:960px; height:118px; position:absolute; top:0; left:0}
div.logo {width:205px; height:100%; background:url(../img/web-app.gif) no-repeat; background-position:10px; position:absolute}
div.logo h2, div.logo h3 {font-size:10px; position:absolute; bottom:3px; left:12px}
div.derniersSites {background-color:#1b1b1b; height:64px; width:550px; padding:15px; position:absolute; top:0; left:205px}
div.derniersSites h3, div.derniersSites h4  {font-size:14px; color:#ff6c00; margin-bottom:7px; text-transform:uppercase}
div.derniersSites p {font-size:10px; margin-bottom:4px; color:white}
div.derniersSites span.nomSite {color:#909090}
div.derniersSites span.nomSite a {color:#909090;text-decoration:none;}
div.derniersSites span.nomSite a:hover {text-decoration:underline;}
div.main img.sepHeader1 {margin-top:10px; position:absolute; top:0; right:180px}
div.accesClient {background:#1b1b1b url(../img/separ_header.png) no-repeat; background-position:0 10px; height:74px; position:absolute; top:0; right:0; padding:10px}
div.accesClient p {font-size:12px; margin:5px}
div.accesClient p.titre {margin:0 0 5px 10px}
div.accesClient p.titre img {margin-right:10px}
div.accesClient input {background-color:#303030; color:#cccccc; border:none; width:145px; height:15px}
div.accesClient input.pass {width:115px; margin-right:5px}
div.accesClient input.ok {color:black; background-image:url(../img/bg-ok.gif); width:25px; height:16px; font-weight:bold;font-size:9px;}
div.accesClient p.ok {margin-top:5px; text-align:center}
div.menuHorizontal {width:755px; height:24px; background-color:white; position:absolute; bottom:0; right:0}
div.menuHorizontal ul {float:right; color:black; padding:5px}
div.menuHorizontal li {display:inline; font-size:11px; background:url(../img/separ.gif) no-repeat; float:left}
div.menuHorizontal li.noBackground {background-image: none}
div.menuHorizontal a {padding:0 22px; color:black; text-decoration:none; text-transform: uppercase;}
div.menuHorizontal a:hover {color:black; text-decoration:underline}

/* NAVIGATION */
p#navigation { background: #ff6c00; margin: 0 15px; padding: 5px 0; text-indent: 10px; font-size: 13px; line-height: 20px; }
p#navigation a { color: #fff }
p#navigation .button { float: right; margin: 0 10px 0 0 }

/* VISUEL */
div.visuel {height:290px; width:100%; background-image:url(../img/bg.jpg); background-repeat:no-repeat}
div.visuel span.slogan1 {font-size:50px; color:black; width:500px; font-weight:normal; margin:50px 0 0 40px; float:left; line-height:1.3}
div.visuel span.slogan2 {font-size:50px; color:white; font-weight:normal; margin:0px 0 0 80px; float:left; line-height:1.3}
div.visuel ul {margin:50px 30px 0 0; float:right}
div.visuel li {color:black; font-style:italic; font-size:16px; margin:10px; text-align:right}
div.visuel a {color:black; text-decoration:none; text-transform: uppercase;}
div.visuel a:hover {color:black; text-decoration:underline}

/* ENCART */
div.encart {float:left; margin:8px 15px 8px 15px}
div.encartFront {margin:-25px 15px 15px 15px}
div.encart h1, div.encart h2 {color:white; font-size:16px; font-weight:normal; margin:8px; width:900px; text-transform:uppercase} 
div.encartContent {float:left; background-color:white; width:930px}
div.encartTexte {margin:5px; float:left; width:920px}
div.encartTexte.textOnly {margin:5px; float:left; width:920px; padding:16px 0;}
div.encartTexte p {text-align:justify; margin:0 10px 5px 0; padding:5px; font-size:12px; color:black;line-height:17px;}
div.encartTexte p a {color:black;font-style:italic;}
div.encartTexte p.chapeau {font-style:italic;}
div.encartTexte p.code {border:1px solid gray;padding:4px 20px;background:#E0E0E0;font-family:Courier New, monospace;}
div.encartTexte p.lessimportant {font-size:10px;}
div.encartTexte ul {margin:10px 0;line-height:17px;}
div.encartTexte li {list-style:disc;margin-left:40px;color:black;font-size:12px;}
div.encartTexte li a {text-decoration:none;color:black;}
div.encartTexte li a:hover {text-decoration:underline;}
div.encartPhoto {float:right; margin:10px}
div.encartPhotoLeft {float:left; margin:10px}
div.encartPhoto p {color:#ff6633; font-size:10px; text-align:center}
div.encartPhoto p a {color:#ff6633;}
div.encartPhoto img {border:1px solid black}

/* REMONTEE */
div.remonteeAccueil {margin:10px}
div.remonteeAccueil dl {float:left; width:180px; margin:40px 4px 5px 4px; height:340px;}
div.remonteeAccueil dt {margin:3px; font-size:12px; text-align:center; font-weight:normal}
div.remonteeAccueil p {padding:5px; text-align:justify; color:#666666; font-size:11px}
div.remonteeAccueil img {position:absolute; bottom:20px;}

/* FORM CONTACT */
div.formContact {padding:30px 15px 15px 15px}
div.formContact p {font-size:11px}
div.formContact p.enTete {margin-bottom:20px}
div.formContact p.infosColForm {margin-bottom:15px; text-align:center; text-decoration:underline}
div.formContact div.coord {width:465px; float:left}
div.formContact div.demande {width:465px; float:right}
div.formContact td {font-size:11px; padding:5px 2px 5px 2px; vertical-align:middle}
div.formContact td.preField {text-align:right; margin-bottom:10px; width:110px}
div.formContact td.okButton input {color:black; background-image:url(../img/bg-ok.gif); width:60px; height:16px; margin-top:2em}
div.formContact input,textarea,select {background-color:#303030; color:#cccccc; border:none; width:320px}
div.formContact input {height:15px}
div.formContact select {font-size:11px}
div.formContact textarea {overflow:auto; height:100px}
div.formContact span.select {position:absolute; width:315px; line-height:17px; height:17px; font-size:11px; background-image:url(../img/select.gif); overflow:hidden; padding-left:5px} 

/* FOOTER */
div.footer {margin-top:5px; padding:4px 0 4px 0; width:960px; background-color:#303030; float:left}
div.footer p {color:#909090; margin:2px; text-align:center; font-size:10px} 
div.footer a {color:#909090; text-decoration:none}
div.footer a:hover{color:#909090; text-decoration:underline}

img.zoom-img {position:absolute;left:50%;margin-left:-300px;top:100px;z-index:100;border:1px solid black;display:none;padding:0;background:white;}

span.question {font-style:italic;padding-left:12px;}

div.admin-main ul {margin-left:30px;}