/* ------------------------------------------------------------ */
/* Document														*/
/* ------------------------------------------------------------ */

* { padding: 0; margin: 0; border: 0; color: #303234; } 
*:focus, *:active {	-moz-outline:0px none transparent; outline:0px none transparent; }

/* ------------------------------------------------------------- */
/* Redéfinition des tags										 */	
/* ------------------------------------------------------------- */

HTML { font-size: 100%;	}
BODY { background: #78858F url('/images/bgC.jpg') repeat-x scroll 0 0; font-family: Verdana, Geneva, sans-serif; font-size: 11px; }
UL { list-style-image: none; list-style-position: outside; list-style-type: none; }
IMG { border: 0px; }
A { text-decoration: none; color: #000000; }
H2 { display: block; overflow: hidden; text-indent: -9999px; height: 30px; margin-bottom: 5px; padding-top: 4px; }
H3, H4 { display: inline; }
H3 { font-size: 11px; }
H4 { font-size: 12px; }
B, STRONG, H2, H3, H4, INPUT { color: #000000; }
INPUT { padding: 3px 4px 4px 4px; font-size: 10px; background: #d0d6d9 url('/images/ui/input/input.gif') no-repeat 0 0; }

/* ------------------------------------------------------------- */
/* Commun														 */
/* ------------------------------------------------------------- */

.row { clear: both; }
.column { float: left; }
.column.right { float: right !important; }
.break { clear: both; overflow:hidden; height: 0px; }

/* ------------------------------------------------------------- */
/* Squelette													 */
/* ------------------------------------------------------------- */

#container { width: 1250px; margin: 0 auto; /* position: relative; */ }
#container .bgL { width: 140px; height:735px; background: transparent url('/images/bgL.jpg') scroll 0 0; }
#container .bgC { width: 970px ;}
#container .bgR { width: 140px; height:735px; background: transparent url('/images/bgR.jpg') scroll 0 0; }

#header { height: 320px; text-align: center; }
	#header H1 { display: none; }
	#header LI { display: none; float: left; }
#footer { clear: both; padding-top: 25px }

#document { background: transparent url('/images/bg.jpg') repeat-x scroll 0 0; }

#content .left { width: 310px; }
#content .right { width: 578px; padding: 0px 12px 20px 70px; }

#links { clear: both; text-align: center; padding: 10px 0 30px 0; font-size: 11px; }
#links IMG { }
#links LI { display: inline; color: #FFFFFF; }
#links A { color: #FFFFFF; border-right: 1px solid #FFFFFF; padding: 0 10px 0 6px;}
#links A.first{ padding-left: 0; }
#links A.last { border: none; padding-right: 0; }
#links A:hover { color: #dce5e7; text-decoration: underline; }

/* ------------------------------------------------------------- */
/* Publicités 												     */
/* ------------------------------------------------------------- */

#ads { width: 959px; clear: both; padding-left: 11px; }
#ads .column.ad { width: 300px; height: 198px; }
#ads .column.sep { width: 16px; height: 198px; }

/* ------------------------------------------------------------- */
/* Actus	 												     */
/* ------------------------------------------------------------- */

#news { width: 280px; height: 174px; background: transparent url('/images/footer/ads/bg.jpg') no-repeat; padding: 24px 10px 10px 10px; font-size: 11px; }
#news .col1 { width: 115px; padding: 10px 10px 10px 0; }
#news .col2 { width: 145px; padding: 10px 0 10px 0; }
#news H3 { color: #ffee00; font-size: 11px; }
#news .row1 LI { display: inline; float: left; padding-right: 8px; }
#news .row1 A { width: 13px; height: 13px; margin-top: 0; background-image: url('/images/ui/button/btnTickerUp.gif'); }
#news .row1 A:hover,
#news .row1 A.active { background-image: url('/images/ui/button/btnTickerOver.gif'); }
#news .row2 UL { position: relative; overflow: hidden; left: 0; top: 0; width: 270px; height: 160px; }
#news .row2 LI { float: left; position: absolute; width: 270px; }

/* ------------------------------------------------------------- */
/* JQuery UI 												     */
/* ------------------------------------------------------------- */

.slider { width: 252px; height: 22px; padding-top: 4px; background: transparent url('/images/ui/slider/slider.gif') no-repeat scroll 0 4px; }
.ui-slider { position: relative; text-align: left; width: 240px; height: 22px; }
.ui-slider .ui-slider-handle.indicator0, 
.ui-slider .ui-slider-handle.indicator1 { position: absolute; z-index: 2; cursor:pointer; height: 22px; width: 12px; background: transparent url('/images/ui/slider/handleL.png') no-repeat 0 0; }
.ui-slider .ui-slider-handle.indicator1 { background: transparent url('/images/ui/slider/handleR.png') no-repeat 0 0; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; height: 22px; background: transparent url('/images/ui/slider/range.gif') repeat-x scroll 0 0; }

/* ------------------------------------------------------------- */
/* Liens	 												     */
/* ------------------------------------------------------------- */

A.btn { display: block; overflow: hidden; text-indent: -9999px; margin-top: 20px; }

A.ensavoirplus { width: 138px; height: 26px; background-image: url('/images/ui/button/btnEnSavoirPlusUp.png'); }
A.ensavoirplus:hover { background-image: url('/images/ui/button/btnEnSavoirPlusOver.png'); }

A.rechercher { width: 138px; height: 26px; background-image: url('/images/ui/button/btnRechercherUp.png'); }
A.rechercher:hover { background-image: url('/images/ui/button/btnRechercherOver.png'); }

A.nouscontacter { width: 172px; height: 26px; background-image: url('/images/ui/button/btnNousContacterUp.png'); }
A.nouscontacter:hover { background-image: url('/images/ui/button/btnNousContacterOver.png'); }

/* ------------------------------------------------------------- */
/* Tabs	 												         */
/* ------------------------------------------------------------- */

#tabHeader { height: 31px; clear: both; }
#tabHeader LI { float:left; background:url('/images/ui/tab/tabL.gif') no-repeat left top; margin:0; padding:0 0 0 40px; height: 31px; cursor: pointer; cursor: hand; }
#tabHeader LI DIV { float:left; display:block; background:url('/images/ui/tab/tabR.gif') no-repeat right top; padding:7px 40px 6px 0px; height: 18px; letter-spacing: 1px; font-size: 13px; cursor: pointer; cursor: hand; }
#tabHeader LI.currentTab  { background-position: 0 -31px; }
#tabHeader LI.currentTab DIV { background-position: right -31px; color: #FFFFFF; }

#tabs { padding-left: 10px; }
#tabPages { background: url('/images/ui/tab/bg.gif') no-repeat left top; }
.tabPage { padding: 20px 24px 54px 24px; }
.tabPage DIV.io { padding-bottom: 13px; }
.tabPage DIV.io2 { padding-bottom: 20px; }
.tabPage INPUT { width: 244px; }
.tabPage A { float: right; }
.tabPage LABEL { padding-bottom: 6px; font-weight: bold; display: block; color: #000000; }
	
/* ------------------------------------------------------------- */
/* H2	 												         */
/* ------------------------------------------------------------- */

H2.quoi { background:url('/images/ui/h2/quoi.png') no-repeat scroll 0 0; margin-bottom: 5px; }
H2.ou { background:url('/images/ui/h2/ou.png') no-repeat scroll 0 0; margin: 13px 0 4px 0; }
#ou .col1 { width: 65px; }
#ou .col2 { margin-top: 25px; font-size: 10px; }
H2.aquelprix { background:url('/images/ui/h2/aquelprix.png') no-repeat scroll 0 0; margin: 13px 0 0 0; }
H2.aquelloyer { background:url('/images/ui/h2/aquelloyer.png') no-repeat scroll 0 0; margin: 13px 0 0 0; }

/* ------------------------------------------------------------- */
/* Completion											         */
/* ------------------------------------------------------------- */

.ac_results { border: 1px solid #919597; background-color: #FFFFFF; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; }
.ac_over { background-color: #D0D6D9; }