/*
Projet : WITAM
Prestataire : Sébastien CHERIAUX - www.droledepixel.com
*/

/* ***************************************** GENERAL */
* { padding:0; margin:0; border:0; }
a { text-decoration:none; cursor:pointer; outline:0 none; color:#a50225 !important; }
li { list-style:none; }
label { cursor:pointer; }

/* elements en clearfix */
.cf:after, .partners:after, .partners li a:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cf, .partners, .partners li a { display:inline-block; }
/*hides from IE mac \*/
* html .cf, * html .partners, * html .partners li a { height:1%; }
.cf, .partners, .partners li a { display:block; }
/*end hides from IE mac*/

/* ***************************************** STRUCTURE - HEAD - MID - FOOT */
body { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#35322e; background:#fff; padding:15px; }
.close-tb { position:absolute; right:15px; top:15px; padding:0 15px 0 0; background:url(skin/btn-close-bt.gif) no-repeat 100% 3px; }
.close-tb:hover { text-decoration:underline; }
h1 { font-size:15px; color:#a50225; text-transform:uppercase; font-weight:normal; padding:5px 0 5px 10px; border-left:10px solid #a50225; margin:0 0 20px 0; }
h2 { font-size:13px; color:#3b2e1e; border-bottom:1px dotted #898278; margin:0 0 10px 0; padding:0 0 3px 0; }

/* ***************************************** PAGE TYPE */
p { margin:0 0 12px 0; text-align:justify; color:#3b2e1e; }
p strong { color:#898278; }
li { padding:0 0 3px 10px; background:url(skin/bg-li.gif) no-repeat 0 3px; color:#3b2e1e; }
a:hover { text-decoration:underline; }

/* jscrollpane */
/*
.jScrollPaneContainer { position:relative; overflow:hidden; z-index:1; }
.jScrollPaneTrack { position:absolute; cursor:pointer; right:0; top:0; height:100%; background:#eee; }
.jScrollPaneDrag { position:absolute; background:#a50225; cursor:pointer; overflow:hidden; }
.jScrollPaneDragTop { position:absolute; top:0; left:0; overflow:hidden; }
.jScrollPaneDragBottom { position:absolute; bottom:0; left:0; overflow:hidden; }
a.jScrollArrowUp { display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden; height:9px; background:url(skin/bg-scroll-t.gif) no-repeat; }
a.jScrollArrowUp:hover { background-position:0 -9px; }
a.jScrollArrowDown { display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden; height:9px; background:url(skin/bg-scroll-b.gif) no-repeat; }
a.jScrollArrowDown:hover { background-position:0 -9px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { }
*/
.scroll-pane { width:598px; height:330px; overflow:auto; background:#fff; }

/* partners */  
.partners li { display:block; float:left; width:280px; padding:0 12px 10px 0; height:42px; overflow:hidden; }
.partners li a { display:block; background:#eee; height:42px; }
.partners li a:hover { background:#ddd; }
.partners li img { display:block; float:left; margin:0 10px 0 0; border:1px solid #eee; width:80px; height:40px; overflow:hidden; }
.partners li span { display:block; float:left; font-size:12px; font-weight:bold; padding:8px 0 0 0; }

/* liens */
.liens { margin:5px 0 10px 10px; }
.liens li { padding:0 0 3px 10px; background:url(skin/bg-li.gif) no-repeat 0 3px; font-size:12px; color:#3b2e1e; }
.liens li a:hover { text-decoration:underline; }

/* contact */
#contact { margin:20px 0 0 0; }
#contact .col1 { float:left; width:243px; }
#contact .col2 { float:left; }
#contact label { display:block; padding:0 0 3px 0; }
#contact input { width:190px; padding:1px 6px; border:1px solid #bbbbbb; background-color:#f7f7f7; margin:0 0 5px 0; color:#666666; }
#contact textarea { width:300px; padding:1px 6px; border:1px solid #bbbbbb; background-color:#f7f7f7; margin:0 0 5px 0; color:#666666; height:78px; }
#contact #submit { width:auto; border:none; color:#ffffff; padding:2px 5px; float:right; background:#A50225; font-size:11px; }
#contact .col2 p { width:300px; font-size:11px; font-style:italic; vertical-align:middle; }
.messageAlert { text-align:center; background-color:#A50225; color:#ffffff; padding:6px; margin:15px 0 0 0; }