/********************************************************************
	RESET
********************************************************************/

html, body { height: 100%; width: 100%; padding: 0; margin: 0; border: 0; }

body { font: normal 11px Verdana; }

h1 { font: bold 24px Verdana; padding: 0 10px; margin: 10px 0; }
h2 { font: bold 20px Verdana; padding: 0; margin: 10px 0; }
h3 { font: bold 13px Verdana; padding: 0; margin: 0 0 10px 0; }
h4 { font: bold 12px Verdana; padding: 0; margin: 10px 0; }
h1 a,
h2 a,
h3 a,
h4 a { text-decoration: none; }

a { color: #66ad3d; outline: none; }

p { padding: 0; margin: 0 0 10px 0; }
ul, ol { padding: 0 0 10px 0; margin: 0 0 0 20px; list-style-position: outside; }
li { padding: 2px 0; margin: 0; }
img { padding: 0; margin: 0; border: none; }

form { padding: 0; margin: 0; }

label,
input,
select { outline: none; }

.left { float: left; margin: 0 10px 10px 0; }
.right { float: right; margin: 0 0 10px 10px; }
.center { display: block; width: 100%; margin: 0 auto 5px auto; text-align: center; }
.newline { clear: both; display: block; font-size: 0; line-height: 0; height: 0; width: 100%; overflow: hidden; }

.hidden { visibility: hidden; }

/***** Layer */

.layer,
.layer-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.layer { display: none; z-index: 996; }
.layer-bg { z-index: 997; cursor: pointer; background: #000000 url(img/2011/load.gif) 50% 50% no-repeat; opacity: 0.75; }
/* .layer-bg { filter: alpha(opacity=50); }*/

.layer-content { position: absolute; z-index: 998; top: 12.5%; left: 50%; height: 75%; width: 600px; padding: 10px; margin: 0 0 0 -300px; background: #ffffff; }

.layer-content object { height: 100%; width: 100%; overflow: hidden; zoom: 1; background: #ffffff; }
.layer-content object { display: block; padding: 0; margin: 0; border: 0; }

.layer-close { position: absolute; z-index: 999; top: 12.5%; left: 50%; margin: -16px 0px 0px 305px; display: block; height: 32px; width: 32px; background: url(img/2011/layer-close.png) 50% 50% no-repeat; cursor: pointer; }
.ie6 .layer-close {}

/***** Elts */

#banner { height: 90px; width: 728px; overflow: hidden; overflow: hidden; zoom: 1;  }
.carrepub { height: 250px; width: 300px; margin: 0 0 15px 0; text-align: center; overflow: hidden; zoom: 1; }
#xititag { position: absolute; bottom: 0; visibility: hidden; }


/********************************************************************
	GLOBAL
********************************************************************/

#global { background: #ffffff url(img/2011/header.png) 0 0 repeat-x; }


/********************************************************************
	HEADER
********************************************************************/

#head { height: 261px; }
#head .inner { height: 100%; width: 1001px; margin: 0 auto; background: url(img/2011/header-inner.png) 100% 20px no-repeat; overflow: hidden; zoom: 1; }

#logo { float: left; }

#baseline { font-size: 15px; line-height: 48px; height: 48px; padding: 0; margin: 0; }
#basedate { clear: both; float: left; display: inline; width: 272px; font: bold 13px Verdana; line-height: 15px; padding: 20px 0 0 0; margin: 0; }

#banner { float: right; display: inline;  margin: 24px 0 1px 0; }


/********************************************************************
	INFOSTOP
********************************************************************/

#infosTop { font: 9px Verdana; line-height: 20px; height: 20px; color: #333333; }
#infosTop .inner { width: 990px; margin: 0 auto; }
#infosTop a { color: #333333; text-decoration: none; }
#infosTop a:hover { color: #66ad3d; }

#infosTop,
#infosTop li { list-style: none outside; padding: 0; margin: 0; }

#lienref,
#lienref li { float: left; padding: 0; margin: 0; }

#changeLang { float: right; display: inline; margin: 4px 0 0 5px; }

#infosTop #print-link { float: right; display: inline; width: 62px; padding: 0 0 0 24px; margin: 0 0 0 15px; background: #e1e1e1 url(img/2011/print-link.png) 0 0 no-repeat; cursor: pointer; }
#infosTop #print-link .rounded { float: right; display: inline; font: bold 10px Verdana; line-height: 20px; height: 20px; color: #000000; padding: 0 6px 0 3px; background: #e1e1e1 url(img/2011/print-link.png) 100% 0 no-repeat; }


/********************************************************************
	QUICKLINKS
********************************************************************/

#quickLinks { float: right; width: 728px; }

/*** lienrapide */

#lienrapide,
#lienrapide li { float: left; list-style: none; padding: 0; margin: 0; }

#lienrapide { display: inline; padding: 5px 0 0 0; }
#lienrapide li,
#lienrapide li a { float: left; display: inline; font: bold 11px Verdana; color: #000000; text-decoration: none; }
#lienrapide li a { margin: 0 4px 0 0; }
#lienrapide li a:hover { color: #66ad3d; }
	
/*** lienbtns */

#lienbtns,
#lienbtns li { list-style: none; padding: 0; margin: 0; }

#lienbtns { float: right; display: inline; margin: 0 0 7px 0; }
#lienbtns li,
#lienbtns li a { float: left; display: inline; font: 11px Verdana; color: #ffffff; text-decoration: none; }

#lienbtns li { padding: 0 10px 0 0; margin: 0 0 0 1px; background: 100% 0 no-repeat; }
#lienbtns li a { padding: 0 0 0 10px; background: 0 0 no-repeat; }
#lienbtns li a:hover { text-decoration: underline; }
#lienbtns li a span { display: block; padding: 5px 0 7px 10px; }

#lienbtns li.style1,
#lienbtns li.style1 a { background-image: url(img/2011/quickbtn-style1.png); }
#lienbtns li.style2,
#lienbtns li.style2 a { background-image: url(img/2011/quickbtn-style2.png); }
#lienbtns li a .icon { padding-left: 24px; background: 0 50% no-repeat; }


/********************************************************************
	RECHERCHEBOX
********************************************************************/

#recherchebox { float: right; height: 27px; padding: 5px 0 0 0; }
* html #recherchebox { width: 680px; }

#recherchebox label,
#recherchebox input { border: 0 none; background: none; }
* html #recherchebox .form-coche input { height: 16px; width: 16px; }

#recherchebox label,
#recherchebox input,
#recherchebox a,
#recherchebox span { float: left; display: inline; vertical-align: middle; cursor: pointer; }

#recherchebox .form-text { float: left; height: 16px; width: 222px; padding: 5px 0 6px 10px; border-right: 1px solid #dbdfd8; background: url(img/2011/form-head.png) 0 0 no-repeat; }
#recherchebox .form-text input, #div_search_keywords input { font: 12px Verdana; height: 16px; width: 184px; padding: 0 5px; margin: 0; color: #666666; font-style: italic; }
#recherchebox .form-text .icon { padding: 0 0 0 16px; background: url(img/2011/form-icons.png) 0 -264px no-repeat; }

#recherchebox .form-coche { float: left; height: 16px; padding: 6px 0 5px 8px; background: url(img/2011/form-head.png) 50% -27px no-repeat; }
#recherchebox .form-coche label { font: 10px Verdana; line-height: 15px; height: 16px; padding: 0 0 0 3px; margin: 0; color: #000000; }
#recherchebox .form-coche input { height: 16px; padding: 0; margin: 0; }

#recherchebox .form-link { float: left; height: 16px; padding: 6px 12px 5px 8px; background: url(img/2011/form-head.png) 100% -27px no-repeat; }
#recherchebox .form-link a { font: 10px Verdana; line-height: 15px; height: 16px; padding: 0 0 0 5px; color: #000000; border-left: 1px solid #000000; text-decoration: none; }
#recherchebox .form-link a:hover { color: #66ad3d; }

#recherchebox .form-btn { float: left; font: bold 9px Verdana; height: 27px; padding: 0 0 0 6px; margin: 0 0 0 5px; color: #000000; background: url(img/2011/form-head.png) 0 -27px no-repeat; text-decoration: none; cursor: pointer; }
#recherchebox .form-btn .rounded { line-height: 16px; height: 16px; padding: 5px 10px 6px 0px; background: url(img/2011/form-head.png) 100% -27px no-repeat; }
#recherchebox .form-btn:hover { color: #66ad3d; background-position: 0 -54px; }
#recherchebox .form-btn:hover .rounded { background-position: 100% -54px; }
#recherchebox .form-btn .icon { padding: 0 0 0 16px; background: url(img/2011/form-icons.png) 0 5px no-repeat; }


/********************************************************************
	NAVIGATION
********************************************************************/

#navigation { clear: both; height: 38px; width: 1001px; margin: 0 auto; background: #000000 url(img/2011/menu-main.png) 0 0 no-repeat; }

#redir-pollutec,
#redir-pollutec a { float: right; height: 38px; width: 146px; padding: 0; margin: 0; }

#redir-pollutec a { background: url(img/2011/menu-lyon.png) 0 0 no-repeat; text-decoration: none; }
#redir-pollutec a:hover { background-position: 0 100%; }


/********************************************************************
	MEGAMENU
********************************************************************/

/* defaut */

.dropdown { position: relative; z-index: 1000; display: block; }
.dropdown * { cursor: pointer; }
.dropdown li { position: relative; padding: 0; margin: 0; zoom: 1; }
.dropdown li table { height: 100%; }
.dropdown li td { vertical-align: middle; }
.dropdown li ul { display: none; position: absolute; }
.dropdown, .dropdown li { list-style: none; padding: 0; margin: 0; }

#navbar { height: 100%; }

/***** Menu main */

#menumain { width: 100%; }

.dropdown li { float: left; display: inline; height: 38px; border-right: 1px solid #000000; }
.dropdown li a { float: left; display: inline; font: 12px Verdana; color: #ffffff; text-decoration: none; }
.dropdown li a:hover { color: #ffffff; cursor: pointer; }

	.dropdown li table { float: left; border: none; background: url(img/2011/menu-item.png) 0 0 no-repeat; }
	.dropdown li.dir table.dir { background: url(img/2011/menu-item.png) 100% 0 no-repeat; }

	* html .dropdown li table,
	*+html .dropdown li table { float: left; display: inline; width: auto; }
/*	.dropdown li table td { padding: 0 32px 1px 10px; vertical-align: middle; } */
/*	padding large */
	.dropdown li table td { padding: 0px 41px 1px 25px; vertical-align: middle; }

	.dropdown li.actif table.actif,
	.dropdown li.sel table.sel { background-position: 0 100%; }

	.dropdown li.dir-actif table.dir-actif,
	.dropdown li.dir-sel table.dir-sel { background-position: 100% 100%; }

/* home */

.dropdown li#home table td { padding: 0; }
.dropdown li#home a { display: block; height: 38px; width: 68px; background: url(img/2011/menu-home.png) 0 0 no-repeat; }
.dropdown li#home.sel a,
.dropdown li#home.actif a { background-position: 0 100%; }

/* Sub-menu */

.dropdown li ul { position: absolute; top: 38px; left: -30px; width: 230px; padding: 5px; margin: 0; background: #66ad3d; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; }
.dropdown li ul li { clear: both; width: 200px; border: none; background: #e3e3e3 url(img/2011/menu-inner.png) 0 0 repeat-x; }
.dropdown li ul li ul { top: -5px; left: 100%; }

.dropdown li ul li { line-height: 16px; height: auto; }

.dropdown li ul li a { display: block; font: bold 12px Verdana; width: 166px; padding: 4px 24px 4px 10px; color: #000000; text-decoration: none; cursor: pointer; }
.dropdown li ul li a:hover { color: #66ad3d; }

/* Mega-panel */

ul.megamenu .mega-panel { display: none; position: absolute; top: 38px; left: -30px; padding: 5px; background: #66ad3d; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; }
ul.megamenu .mega-panel .inner { padding: 10px; margin: 0; background: #e3e3e3 url(img/2011/menu-inner.png) 0 0 repeat-x; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; overflow: hidden; zoom: 1; }

ul.megamenu .mega-panel .inner ul,
ul.megamenu .mega-panel .inner li { display: block; list-style: none; padding: 0; margin: 0; border: none; background: none; }
ul.megamenu .mega-panel * { cursor: auto; }

ul.megamenu .mega-panel .inner ul { position: static; float: left; width: 200px; margin: 0 10px 0 0; border-right: 1px solid #f0f0f0; }
ul.megamenu .mega-panel .inner ul li a { padding: 4px 0; }
ul.megamenu .mega-panel .inner ul ul { margin: 0; }
ul.megamenu .mega-panel .inner ul ul li a { font: 11px Verdana; padding: 2px 0 2px 16px; background: url("img/2011/form-icons.png") 0 -111px no-repeat; }

ul.megamenu .mega-panel .inner .additional { float: left; width: 200px; overflow: hidden; zoom: 1; }
ul.megamenu .mega-panel .inner .additional h5 { font: bold 13px Verdana; padding: 0; margin: 0 0 10px 0; }
ul.megamenu .mega-panel .inner .additional .visuel { display: block; margin: 0 0 5px 0; text-align: center; text-decoration: none; }
ul.megamenu .mega-panel .inner .additional .visuel img { border: none; }
ul.megamenu .mega-panel .inner .additional .text { margin: 0 0 10px 0; }
ul.megamenu .mega-panel .inner .additional table.link { height: 45px; width: 100%; margin: 0 auto 10px auto; border: none; background: url(img/2011/menu-btn.png) 0 0 no-repeat; }
ul.megamenu .mega-panel .inner .additional table.link td { padding: 0 0 0 40px; vertical-align: middle; }
ul.megamenu .mega-panel .inner .additional table.link td a { font: bold 12px Verdana; }


/********************************************************************
	PAGE
********************************************************************/

#page { clear: both; width: 1001px; padding: 18px 0 0 0; margin: 0 auto; background: #ffffff; overflow: hidden; zoom: 1; }
#page-bottom { clear: both; background: #ffffff url(img/2011/page-bottom.png) 50% 0 no-repeat; overflow: hidden; zoom: 1; }
#page-bottom .inner { width: 1001px; margin: 0 auto; }

#bloc-top { float: left; overflow: hidden; zoom: 1; }

#bloc-center { clear: both; float: left; width: 691px; overflow: hidden; zoom: 1; }
#bloc-center.full { width: 100%; }

.sidebar { float: right; display: inline; width: 300px; padding: 3px 3px 0 3px; margin: -3px 0 0 -3px; background: #f8f8f8; overflow: hidden; zoom: 1; }
.sidebar-bottom { clear: both; position: relative; top: -11px; height: 12px; margin: 0 -3px -12px -3px; background: #ffffff; overflox: hidden; }

/********************************************************************
	CDF
********************************************************************/

#cdf { padding: 5px 0; margin: 0 0 15px 0; overflow: hidden; zoom: 1; }
#cdf h6 { float: left; display: inline; font: bold 10px Verdana; margin: 0 5px 0 0; color: #000000; }

#cdf ul, #cdf li { font: 10px Verdana; padding: 0; margin: 0; list-style: none outside; }
#cdf ul{ float: left; display: inline; }
#cdf li { margin: 0 5px 0 0; }
#cdf li,
#cdf li a { float: left; display: inline; font: 10px Verdana; color: #000000; }
#cdf li a { padding: 0 5px 0 0; text-decoration: none; }
#cdf li a:hover { color: #66ad3d; text-decoration: underline; }
#cdf li span.sel { font-weight: bold; color: #66ad3d; }


/********************************************************************
	PARAGRAPHES
********************************************************************/

h1 { font: bold 20px Verdana; color: #66ad3d; padding: 0; margin: 0 0 15px 0; }

/****** Colonnage */

.bloc-col { float: left; width: 345px; }
.bloc-col-right { float: right; width: 345px; }

/****** Paragraphe */

.paragraphe { float: left; display: inline; width: 681px; margin: 0 10px 15px 0; }
.w100 { margin: 0 0 15px 0; }
.w50 { width: 335px; }
.w33 { width: 220px; }
.w66 { width: 450px; }
.side { width: 300px; margin: 0 0 15px 0; }


#bloc-center.full .w100 { width: 100%; }
#bloc-center.full .w50 { width: 470px; }
#bloc-center.full .w33 { width: 272px; }

/****** Bloc */

.paragraphe .bloc {}
.paragraphe .edito {}
.paragraphe .style3 { border: 1px solid #e3e3e3; background: #ffffff url(img/2011/paragraphe-style3.png) 0 0 repeat-x; }
.paragraphe .style4 { background: #f2f2f2 url(img/2011/paragraphe-style4.png) 0 0 repeat-x; }
.paragraphe .style6 { padding: 10px 15px 5px 15px; background: #ffffff; }
.paragraphe .style5 { background: #a8ce93; border: solid #e4e4e4; border-width: 0 1px 1px 1px; border-radius: 5px; -moz-border-radius: 5px; }

/****** Titre */

.paragraphe .bloc h2 { font: bold 14px Verdana; color: #000000; padding: 0; margin: 0 0 10px 0; overflow: hidden; zoom: 1; }
.edito .bloc h2 { font: bold 18px Verdana; padding: 0; margin: 0 0 10px 0; background: none; }

.paragraphe .bloc h2 .rounded,
.paragraphe .bloc h2 .section { display: block; }

.paragraphe .style1 h2 { padding: 0 0 0 10px; margin: 0; background: #e7e7e7 url(img/2011/paragraphe-entetes.png) 0 0 no-repeat; }
.paragraphe .style1 h2 .rounded { background: url(img/2011/paragraphe-entetes.png) 100% 0  no-repeat; }
.paragraphe .style2 h2 { padding: 0 0 0 10px; margin: 0; background: #e7e7e7 url(img/2011/paragraphe-entetes.png) 0 -110px no-repeat; }
.paragraphe .style2 h2 .rounded { background: url(img/2011/paragraphe-entetes.png) 100% -110px  no-repeat; }
.paragraphe .style1 h2 .rounded,
.paragraphe .style2 h2 .rounded { display: block; line-height: 16px; padding: 8px 10px 9px 0; }

.paragraphe .style3 h2,
.paragraphe .style4 h2,
.paragraphe .style5 h2,
.paragraphe .style6 h2 { font: 17px Verdana; padding: 0; margin: 0; color: #66ad3d; }
.paragraphe .style3 h2 { padding: 10px 15px 5px 15px; }
.paragraphe .style4 h2 { padding: 5px 15px 0 15px; }
.paragraphe .style5 h2 { padding: 15px 15px 0 15px; margin: 0; color: #000000; border: solid #ffffff; border-width: 1px 1px 0 1px; background: url(img/2011/paragraphe-style5.png) 50% 0 no-repeat; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }

.paragraphe .style3 h2 a,
.paragraphe .style4 h2 a,
.paragraphe .style5 h2 a,
.paragraphe .style6 h2 a { color: #66ad3d; }
.paragraphe .style1 h2 a,
.paragraphe .style2 h2 a ,
.paragraphe .style5 h2 a,
.paragraphe .sans-titre h2 a { color: #000000; }

.paragraphe .sans-titre h2,
.paragraphe .sans-titre h2 .rounded { background: none; height: 0; overflow: hidden; zoom: 1; }

/****** icon */

.paragraphe .bloc h2 .iconic .icon { float: left; display: inline; margin: 0 9px 7px 0; }

.paragraphe .style1 h2 .iconic .icon,
.paragraphe .style2 h2 .iconic .icon { /*height: 16px; width: 16px; */ }

.paragraphe .style1 h2 .iconic .icon-default,
.paragraphe .style2 h2 .iconic .icon-default { display: none; }

.paragraphe .style3 h2 .iconic .icon,
.paragraphe .style4 h2 .iconic .icon,
.paragraphe .style5 h2 .iconic .icon,
.paragraphe .style6 h2 .iconic .icon {/*height: 22px; width: 22px; */ }

.paragraphe .style3 h2 .iconic .icon-default,
.paragraphe .style4 h2 .iconic .icon-default,
.paragraphe .style6 h2 .iconic .icon-default { height: 22px; width: 22px; background: url(img/2011/gribouilli1.png) 50% 50% no-repeat; }
.paragraphe .style5 h2 .iconic .icon-default { height: 22px; width: 22px; background: url(img/2011/gribouilli2.png) 50% 50% no-repeat; }

/****** section */

.paragraphe .style3 h2 .section,
.paragraphe .style4 h2 .section,
.paragraphe .style5 h2 .section,
.paragraphe .style6 h2 .section { padding: 0 0 10px 0; background: url(img/2011/dotted-horizontal1.png) 0 100% repeat-x; }

.paragraphe .style3 h2 .iconic .section,
.paragraphe .style4 h2 .iconic .section,
.paragraphe .style5 h2 .iconic .section,
.paragraphe .style6 h2 .iconic .section { margin: 0 0 0 35px; }

.paragraphe .style5 h2 .iconic .section { background: url(img/2011/dotted-horizontal2.png) 0 100% repeat-x; }

/****** picto */

.paragraphe .bloc h2 .picto { float: right; }

/****** Interieur */

.paragraphe .bloc .inner { line-height: 14px; color: #000000; overflow: hidden; zoom: 1; }
.paragraphe .style1 .inner,
.paragraphe .style2 .inner { padding: 0px 12px 2px 12px; border: 1px solid #e5e5e5; border-top-color: #9c9696; background: #ffffff; }
.paragraphe .style3 .inner,
.paragraphe .style4 .inner { padding: 0 15px 5px 15px; }
.paragraphe .style5 .inner { padding: 0 15px 5px 15px; border: 1px solid #ffffff; border-width: 0 1px 1px 1px; background: url(img/2011/paragraphe-style5.png) 50% -180px no-repeat; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; }

.edito .bloc .inner { padding: 0 0 0 2px; border: none; }

/****** Texte */

.paragraphe .bloc .text { padding: 15px 0 10px 0; overflow: hidden; zoom: 1; }
.edito .bloc .text { padding: 0 0 0 10px; margin: 0 0 10px 0; border-left: 10px solid #333333; }

.paragraphe .text a { font-weight: bold; color: #66ad3d; }
.paragraphe .text a:hover { text-decoration: underline; }

/****** Sous-titres */

.paragraphe .bloc h3 { padding: 0; margin: 0 0 10px 0; }
.paragraphe .bloc h3,
.paragraphe .bloc h3 a { font: bold 12px Verdana; color: #000000; text-decoration: none; }
.paragraphe .bloc h3 a:hover { text-decoration: underline; }

.paragraphe .bloc h4 { padding: 0 0 3px; margin: 0 0 10px 0; border-bottom: 1px solid #e5e5e5; }
.paragraphe .style5 h4 { padding: 0; border: none; }

.paragraphe .bloc h4,
.paragraphe .bloc h4 a { font: 11px Verdana; color: #000000; text-decoration: none; }
.paragraphe .bloc h4 a:hover { text-decoration: underline; }

.paragraphe .bloc h5 { padding: 0; margin: 0 0 10px 0; }
.paragraphe .bloc h5,
.paragraphe .bloc h5 a { font: 9px Verdana; color: #000000; text-decoration: none; }
.paragraphe .bloc h5 a:hover { text-decoration: underline; }

/****** Legend visuel */

.paragraphe .bloc .inner .visuel .visuel-legend { display: block; font: 10px Arial; padding: 5px 5px 0 5px; text-align: center; }

/****** Lien */

.paragraphe .link { float: right; display: inline; margin: 0 0 12px 5px; overflow: hidden; zoom: 1; }
.paragraphe .link a { font: bold 11px Verdana; color: #333333; border: none; background: none; text-decoration: none; }
.paragraphe .link a:hover { color: #66ad3d; text-decoration: none; }
.paragraphe .link a .icon { padding: 0 0 0 16px; background: url(img/2011/form-icons.png) 0 -1px no-repeat; }

.paragraphe li .link { margin-bottom: 5px; }

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

.paragraphe .btns { padding: 11px 11px 0 11px; margin: 0 -12px -2px -12px; border-top: 1px solid #e5e5e5; background: #e7e7e7 url(img/2011/btns.png) 0 0 repeat-x; overflow: hidden; zoom: 1; }

.paragraphe .btns .link a { float: right; font: 9px Verdana; padding: 3px 10px 4px 3px; color: #333333; border: 1px solid #dfdfdf; background: url(img/2011/link.png) 0 0 repeat-x; text-decoration: none; }
.paragraphe .btns .link a:hover { color: #66ad3d; background-position: 0 100%; }
.paragraphe .btns .link .icon { padding: 0 0 0 16px; background: url(img/2011/form-icons.png) 0 -113px no-repeat; }

.paragraphe .btns .link-btn { float: left; display: inline; margin: 0 5px 0 0; cursor: pointer; }
.paragraphe .btns .link-btn a { float: left; height: 16px; padding: 2px 5px; }
.paragraphe .btns .link-btn .icon { display: block; height: 16px; width: 16px; padding: 0; }
.paragraphe .btns .link-btn .prev .icon { background-position: 50% -165px; }
.paragraphe .btns .link-btn .next .icon { background-position: 50% -201px; }


/********************************************************************
	ACTUS
********************************************************************/

.actus .inner { position: relative; padding: 0 !important; }

.actus .slider { width: 626px; height: auto !important; padding: 0 !important; margin: 0 auto; }
.actus .slider .mask { position: relative; height: 173px; width: 100%; overflow: hidden; zoom: 1; }
.actus .slider .mask .list { position: absolute; top: 0; left: 0; width: 100%; padding: 0; margin: 0; overflow: hidden; zoom: 1; }
.actus .slider .mask .list .case { float: left; padding: 0; margin: 0; overflow: hidden; zoom: 1; }

.actus .slider .btn { display: block; position: absolute; top: 50%; height: 27px; width: 20px; margin-top: -13px; border: 1px solid #e5e5e5; background: url(img/2011/link.png) 0 0 repeat-x; cursor: pointer; }
.actus .slider .btn:hover { background-position: 0 100%; }
.actus .slider .prev { left: 0; border-width: 1px 1px 1px 0; }
.actus .slider .next { right: 0; border-width: 1px 0 1px 1px; }
.actus .slider .btn .icon { display: block; height: 100%; width: 100%; }
.actus .slider .prev .icon { background: url(img/2011/form-icons.png) 2px -227px no-repeat; }
.actus .slider .next .icon { background: url(img/2011/form-icons.png) 2px 5px no-repeat; }

.actus .cols { width: 646px; overflow: hidden; zoom: 1; }
.actus .col { float: left; height: 173px; width: 273px; padding: 0 20px; margin: 0 10px 0 0; border-right: 1px solid #e5e5e5; overflow: hidden; zoom: 1; }
.actus .col-right { padding: 0 20px 0 10px; margin: 0; border: none; }

.actus .style5 .col { border-color: #333333; }

.actus .inner .link { margin-right: 12px !important; }


/********************************************************************
	LOGINSIDE
********************************************************************/

#login-connect .inner { position: relative; width: 274px; overflow: hidden; zoom: 1; }
#login-connect .inner p a { font: bold 9px Verdana; color: #000000; text-decoration: none; }
#login-connect .inner p a:hover { text-decoration: underline; }

#login-connect .inner form { height: 62px; width: 284px; overflow: hidden; zoom: 1; }

.login #login-connect { padding: 15px 10px 10px 10px; overflow: hidden; zoom: 1; }

#login-connect .form-text { float: left; display: inline; height: 27px; width: 97px; padding: 0 10px 0 0; margin: 0 5px 10px 0; border: none; background: url(img/2011/form.png) 100% 0 no-repeat; }
#login-connect .form-text .icon { float: left; height: 27px; width: 87px; }
#login-connect .form-text input { float: left; font: 12px Verdana; line-height: 26px; height: 27px; width: 77px; padding: 0 0 0 10px; color: #666666; border: 0 none; background: url(img/2011/form.png) 0 0 no-repeat; }

#login-connect .form-btn { float: left; display: inline; height: 27px; width: 50px; padding: 0; margin: 0 0 10px 0; background: url(img/2011/form.png) 0 0 no-repeat; }
#login-connect .form-btn .icon { float: left; width: 30px; padding: 0 0 0 20px; background: url(img/2011/form-icons.png) 5px 5px no-repeat; }
#login-connect .form-btn input { float: left; font: bold 9px Verdana; line-height: 26px; height: 27px; width: 30px; padding: 0 10px 0 0; margin: 0; border: 0 none; background: url(img/2011/form.png) 100% 0 no-repeat; cursor: pointer; }

#login-connect .form-btn-active { background-position: 0 -54px; }
#login-connect .form-btn-active input { color: #66ad3d; background-position: 100% -54px; }

#login-connect .inner p.center { clear: both; }

#login-connect .inner table.error { display: none; position: absolute; top: 10px; left: 0; padding: 0; margin: 0; height: 30px; width: 298px; background: #fff0ec; border: none; }
#login-connect .inner table.error td { padding: 0 10px; vertical-align: middle; cursor: pointer; }

#login-connect .inner table.error a { color: #ff0000; text-decoration: none; }


/********************************************************************
	BTNCENTER
********************************************************************/

.btncenter .bloc .inner { background: #e7e7e7 url(img/2011/btnscenterinner.png) 0 0 repeat-x;}
.btncenter .style3 .inner,
.btncenter .style4 .inner,
.btncenter .style5 .inner,
.btncenter .style6 .inner { padding: 12px 12px 5px 12px; background: none; }

.btncenter .visuel { float: left; display: inline; width: 138px; padding: 0; margin: 5px 7px 13px 7px;; border: 1px solid #dedede; background: #e7e7e7 url(img/2011/btnscenter.png) 50% 0 no-repeat; overflow: hidden; zoom: 1; }
.btncenter .visuel-right { float: right; }
.btncenter .visuel td { width: 138px; vertical-align: middle; text-align:center; }

.sidebar .btncenter { width: 100%; }
.sidebar .btncenter .visuel { width: 130px; margin: 5px 0 13px 0; }


/********************************************************************
	SECTEURS
********************************************************************/

.secteurs { clear: both; width: 1001px; margin: 0 0 15px 0; overflow: hidden; zoom: 1; }
.secteurs .inner { width: 1011px; }

.secteur { position: relative;  float: left; display: inline; height: 110px; width: 191px; margin: 0 11px 0 0; overflow: hidden; zoom: 1; }

.secteur a { display: block; height: 100%; width: 100%; text-decoration: none; overflow: hidden; zoom: 1; }

.secteur .desc,
.secteur .desc td { padding: 0; margin: 0; border: none; overflow: hidden; zoom: 1; }

.secteur .desc { position: absolute; z-index: 1; height: 110px; width: 191px; color: #ffffff; background: #66ad3d url(img/2011/secteurs.png) no-repeat; }
.secteur1 .desc { background-position: 0 0; }
.secteur2 .desc { background-position: -201px 0; }
.secteur3 .desc { background-position: -402px 0; }
.secteur4 .desc { background-position: -603px 0; }
.secteur5 .desc { background-position: -804px 0; }

.secteur .active { z-index: 0; display: none; background: #66ad3d url(img/2011/secteurs.png) no-repeat; }
.secteur1 .active { background-position: 0 100%; }
.secteur2 .active { background-position: -201px 100%; }
.secteur3 .active { background-position: -402px 100%; }
.secteur4 .active { background-position: -603px 100%; }
.secteur5 .active { background-position: -804px 100%; }

.secteur .desc td  { height: 95px; width: 177px; padding: 0 7px 15px 7px; text-align: center; vertical-align: middle; }
.secteur .active { height: 103px; width: 177px; padding: 7px 7px 0 7px; }

.secteur .desc h2 { font: bold 14px Verdana; line-height: 16px; padding: 0; margin: 0 0 10px 0; color: #438c19; background: none; }
.secteur .active { line-height: 11px; }
.secteur .active h3 { font: bold 11px Verdana; line-height: 13px; margin: 0 0 5px 0; color: #ffffff; text-decoration: underline; }


/********************************************************************
	BTNSIDE
********************************************************************/

.btnside { clear: both; position: relative; width: 300px; margin: 0 0 15px 0; overflow: hidden; zoom: 1; }

.btnside .libelle {}
.btnside .libelle table { height: 100%; width: 100%; border: 1px solid #d3d3d3; background: #e7e7e7 url(img/2011/btnside.png) 0 0 repeat-x; }
.btnside .active table { background-position: 0 100%; }
.btnside .libelle table td { padding: 10px 44px 12px 10px; background: url(img/2011/icon-arrow-huge.png) 275px 50% no-repeat; vertical-align: middle; }

.btnside .libelle-adv { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.btnside .libelle-adv table,
.btnside .libelle-adv table td { background: none; }

.btnside .libelle table td,
.btnside .libelle table td a { font: bold 15px Verdana; line-height: 19px; color: #000000; text-decoration: none; }
.btnside .libelle table td a:hover,
.btnside .active table td a { color: #66ad3d; vertical-align: middle; }

.btnside .libelle table td span,
.btnside .libelle table td .picto { vertical-align: middle; }


/********************************************************************
	TAGCLOUD
********************************************************************/

.tagcloud { margin: 0 0 15px 0; }
.tagcloud .bloc .inner { padding: 0 12px 12px 12px; text-align: center; }

.tagcloud .inner h3,
.tagcloud .inner h3 a { display: inline; font: 20px Verdana; line-height: 20px; border: none;  color: #000000; }
.tagcloud .inner h4,
.tagcloud .inner h4 a { display: inline; font: bold 16px Verdana; line-height: 20px; border: none;  color: #353535; }
.tagcloud .inner h5,
.tagcloud .inner h5 a { display: inline; font: bold 13px Verdana; line-height: 20px; border: none;  color: #666666; }
.tagcloud .inner h6,
.tagcloud .inner h6 a { display: inline; font: 10px Verdana; line-height: 20px; border: none;  color: #999999; }

.tagcloud .inner a { text-decoration: none; }
.tagcloud .inner a:hover { text-decoration: underline; }

.tagcloud .inner h3 a:hover,
.tagcloud .inner h4 a:hover,
.tagcloud .inner h5 a:hover,
.tagcloud .inner h6 a:hover { color: #66ad3d; }


/********************************************************************
	SLIDER
********************************************************************/

.slideBox .bloc .inner { padding: 0; }

.side .slider { position: relative; height: auto !important; width: 240px; padding: 0 !important; margin: 0 auto; }

.side .slider .mask { position: relative; width: 240px; overflow: hidden; zoom: 1; }
#sliderInno .slider .mask { height: 350px; }
#sliderConf .slider .mask { height: 200px; }

.side .slider .mask .list { position: absolute; top: 0; left: 0; width: 100%; padding: 0; margin: 0; overflow: hidden; zoom: 1; }
.side .slider .mask .list .case { float: left; width: 220px; padding: 0 10px; margin: 0; overflow: hidden; zoom: 1; }

.side .slider .mask .list .case .content { clear: both; width: 220px; overflow: hidden; zoom: 1; }

.side .slider .btn { display: block; position: absolute; top: 50%; height: 27px; width: 20px; margin-top: -13px; border: 1px solid #e5e5e5; background: url(img/2011/link.png) 0 0 repeat-x; cursor: pointer; }
.side .slider .btn:hover { background-position: 0 100%; }
.side .slider .prev { left: -29px; border-width: 1px 1px 1px 0; }
.side .slider .next { right: -29px; border-width: 1px 0 1px 1px; }
.side .slider .btn .icon { display: block; height: 100%; width: 100%; }
.side .slider .prev .icon { background: url(img/2011/form-icons.png) 2px -227px no-repeat; }
.side .slider .next .icon { background: url(img/2011/form-icons.png) 2px 5px no-repeat; }

.side .slider .link { margin-top: 10px; }


/********************************************************************
	SCROLLBOX
********************************************************************/

.scrollbox .scroller {}
.scrollbox .scroller .mask { height: 300px; width: 100%; margin: 0 0 10px 0; overflow: hidden; zoom: 1; }
.scrollbox .scroller .mask .list { width: 100%; padding: 0; margin: 0; overflow: hidden; zoom: 1; }
.scrollbox .scroller .mask .list .case { width: 100%; padding: 0; margin: 0 0 15px 0; overflow: hidden; zoom: 1; }

.scrollbox .scroller .mask .list .case .visuel { float: left; display: inline; margin: 0 10px 5px 0; }
.scrollbox .scroller .mask .list .case .visuel td { height: 60px; vertical-align: middle; text-align: center; }

.scrollbox .scroller .btn .icon { display: block; height: 12px; width: 16px; }


/********************************************************************
	SOMMAIRE
********************************************************************/

#sommaire { clear: both; margin: 0 0 15px 0; overflow: hidden; zoom: 1; }
#sommaire p.loading { display: block; padding: 5px 24px; background: url(img/2011/loading.gif) 0 0 no-repeat; }

.sommaire { cursor: pointer; }

.sommaire .bloc { border: 3px solid; }
.sommaire .style7 { border-color: #928493; }
.sommaire .style8 { border-color: #a08397; }
.sommaire .style9 { border-color: #878ea0; }
.sommaire .style10 { border-color: #8d97a0; }
.sommaire .style11 { border-color: #988f88; }

#sommaire .active .bloc { background: #ffffff url(img/2011/paragraphe-sommaire.png) 0 100% repeat-x; }

.sommaire .bloc h2 { padding: 7px 5px 3px 25px; background: url(img/2011/icon-arrow-huge.png) 5px 5px no-repeat; }
.sommaire .sans-visuel h2 { font: bold 18px Verdana; padding: 30px 5px 13px 5px; background-image: url(img/2011/icon-arrow-huge-45deg.png); text-align: center; }

.sommaire .style7 h2 { color: #928493; }
.sommaire .style8 h2 { color: #a08397; }
.sommaire .style9 h2 { color: #878ea0; }
.sommaire .style10 h2 { color: #8d97a0; }
.sommaire .style11 h2 { color: #988f88; }

.sommaire .inner { padding: 0 7px; }
.sommaire .inner .center { margin: 0 0 15px 0; }


/********************************************************************
	PARTNERS
********************************************************************/

#partners { margin: 1px 0 15px 0; overflow: hidden; zoom: 1; }

/* tabs */

#partners .tabs { height: 33px; width: 100%; padding: 0; border: 0 none; background: #cccccc; }
#partners .tabs td { padding: 0; vertical-align: top; }

#partners .tabs .tab { border-bottom: 1px solid #a19d9d; background: url(img/2011/partners-entete.png) -10px 0 no-repeat; cursor: pointer; }
#partners .tabs .active { border-bottom-color: #6cb045; background-position: -10px -33px; }
#partners .tabs .tab .rounded { float: left; height: 33px; width: 10px; }
#partners .tabs .tab .rounded-left { background: url(img/2011/partners-entete.png) 0 0 no-repeat; }
#partners .tabs .active .rounded-left { background-position: 0 -33px; }
#partners .tabs .tab .rounded-right { float: right; background: url(img/2011/partners-entete.png) 100% 0 no-repeat; }
#partners .tabs .active .rounded-right { background-position: 100% -33px;}

#partners .tabs .tab .icon { float: left; height: 33px; width: 24px; }

#partners .tabs .tab h2 { padding: 0; margin: 0; }
#partners .tabs .tab h2,
#partners .tabs .tab h2 a {  font: bold 14px Verdana; line-height: 33px; color: #000000; text-decoration: none; }
#partners .tabs .tab h2 a { margin: 9px 0 8px 10px; }
#partners .tabs .active h2 a { color: #ffffff; }

/* panels */

#partners .panels { clear: both; height: 100px; border: solid #d8d8d8; border-width: 0 1px 1px 1px; }

.partners .scroller { height: 80px; padding: 10px 10px; }
.partners .scroller .mask { height: 80px; width: 979px; margin: 0 auto; overflow: hidden; zoom: 1; }

.partners .scroller .mask .list { padding: 0; margin: 0; overflow: hidden; zoom: 1; }
.partners .scroller .mask .list .case { float: left; display: inline; height: 80px; width: 120px; padding: 0; margin: 0px 14px 0px 7px; text-align: center; overflow: hidden; zoom: 1; }

.partners .scroller .mask .list .case .visuel,
.partners .scroller .mask .list .case .visuel td { margin: 0; border: 0; }

.partners .scroller .mask .list .case .visuel { height: 100%; width: 100%; }
.partners .scroller .mask .list .case .visuel td { vertical-align: middle; text-align: center; }


/********************************************************************
	PLANSITEBAS
********************************************************************/

#plansitebas { width: 1001px; margin: 0 auto 15px auto; background: #fdfdfd url(img/2011/plansitebas.png) 0 100% repeat-x; overflow: hidden; zoom: 1; }
#plansitebas .inner { background: url(img/2011/plansitebas-inner.png) 100% 100% no-repeat; overflow: hidden; zoom: 1; }

#plansitebas .inner table,
#plansitebas .inner th,
#plansitebas .inner td { padding: 0; margin: 0; border: 0 none; text-align: left; }
#plansitebas .inner table { width: 100%; }

#plansitebas .inner th { font: 13px Verdana; line-height: 14px; padding: 3px 10px 5px 10px; margin: 0 0 15px; color: #ffffff; border-right: 1px solid #000000; background: #2d3137 url(img/2011/plansitebas-entete.png) 50% 0 no-repeat; }
#plansitebas .inner th.first { background-position: 0 0; }
#plansitebas .inner th.last { border: none; background-position: 100% 0; }

#plansitebas .inner td { padding: 10px; border-right: 1px solid #dfdfdf; vertical-align: top; }
#plansitebas .inner td.first { border-left: 1px solid #e7e7e7; }
#plansitebas .inner td.last { border-right-color: #e7e7e7; }

#plansitebas .inner ul,
#plansitebas .inner li { list-style: none outside; margin: 0; padding: 0; }
#plansitebas .inner li { width: 100%; margin: 0 0 3px 0; overflow: hidden; zoom: 1; }

#plansitebas .inner a { font: normal 11px Verdana; color: #2d3137; text-decoration: none; }
#plansitebas .inner a:hover { text-decoration: underline; }


/********************************************************************
	FOOTER
********************************************************************/

#footer { font: 11px Verdana; line-height: 40px; height: 40px; background: #dddddd url(img/2011/footer.png) 0 100% repeat-x; text-align: center; overflow: hidden; zoom: 1; }
#footer .inner { width: 1001px; margin: 0 auto; text-align: center; }

#footer ul,
#footer li { padding: 0; margin: 0; list-style: none; }
#footer li { display: inline; }

#footer,
#footer a { color: #000000; text-decoration: none; }
#footer a:hover { color: #333333; text-decoration: underline; }

#footer-reed { float: left; height: 40px; width: 154px; background: url(img/2011/footer-reed.png) 50% 50% no-repeat; }
#footer-ojd { float: right; height: 40px; width: 28px; background: url(img/2011/footer-ojd.png) 50% 50% no-repeat; }