/**  Gabarit du site */
* {
	margin: 0;
	padding: 0;
}
body {
	background: #fff url(../images/common/bg-normal.gif) repeat-x left 232px;
	color: #4e4e4e;
	font-family: Arial, sans-serif;
	font-size: 12px;
}
#page {
	background: url(../images/common/bg.gif) repeat-y;
	margin: 10px auto 0;
	width: 930px;
}
a img {
	border: none;
}
.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
}
:focus {
	outline-style: none;
	outline-width: 0;
}
/* **/

/** Header */
#header {
	background: #fff url(../images/common/bg-header.gif) no-repeat left top;
	height: 205px;
	padding: 17px 0px 0 15px;
	position: relative;
}
#header a {
	text-decoration: none;
}
#header h1 {
	left: 62px;
	position: absolute;
	top: 42px;
	width: 395px;
}
#header h1 a {
	color: #0c1a6f;
}
#header ul {
	list-style: none;
}
#header .links li {
	position: absolute;
}
#header .links li#l-abonnes {
	left: 519px;
	top: 53px;

}
#header .links li#l-abonnes a {
	color: #eaa729;
	font-size: 15px;
}
#header .links li#l-support {
	left: 532px;
	top: 96px;
}
#header .links li#l-support a {
	color: #a8d932;
}
#header .links li#l-blog {
	left: 762px;
	top: 48px;
	
}
#header .links li#l-blog a {
	color: #9f9f9f;
	font-size: 13px;
}
#header #menu {
	background: url(../images/header/nav_principale.gif) left top no-repeat;
	height: 49px;
	left: 17px;
	position: absolute;
	top: 152px;
	width: 894px;
}
#header #menu li {
	float: left;
}
#header #menu li a {
	display: block;
}
#header #menu #accueil a, #header #menu #on_accueil a {
	height: 49px;
	width: 113px;
}
#header #menu #redaction a, #header #menu #on_redaction a {
	height: 49px;
	width: 115px;
}
#header #menu #ligne_editoriale a, #header #menu #on_ligne_editoriale a {
	height: 49px;
	width: 167px;
}
#header #menu #qui_nous_lit a, #header #menu #on_qui_nous_lit a {
	height: 49px;
	width: 139px;
}
#header #menu #apercu a, #header #menu #on_apercu a {
	height: 49px;
	width: 93px;
}
#header #menu #abonnement a, #header #menu #on_abonnement a {
	height: 49px;
	width: 155px;
}
#header #menu #tester a, #header #menu #on_tester a {
	height: 49px;
	width: 112px;
}
#header #menu li a img {
	background: top left no-repeat;
}
#header #menu li a span {
	left: -99999px;
	position: absolute;
}
#header #menu li a:hover {
	background: url(../images/header/nav_principale.gif) left top no-repeat;
}
#header #menu #accueil a:hover {
	background-position: 0 -49px;
}
#header #menu #redaction a:hover {
	background-position: -113px -49px;
}
#header #menu #ligne_editoriale a:hover {
	background-position: -228px -49px;
}
#header #menu #qui_nous_lit a:hover {
	background-position: -395px -49px;
}
#header #menu #apercu a:hover {
	background-position: -534px -49px;
}
#header #menu #abonnement a:hover {
	background-position: -627px -49px;
}
#header #menu #tester a:hover {
	background-position: -782px -49px;
}
#header #menu #on_accueil a {
	background: url(../images/header/nav_principale.gif) left top no-repeat;
	background-position: 0 -49px;
}
#header #menu #on_redaction a {
	background: url(../images/header/nav_principale.gif) left top no-repeat;
	background-position: -113px -49px;
}
#header #menu #on_ligne_editoriale a {
	background: url(../images/header/nav_principale.gif) left top no-repeat;
	background-position: -228px -49px;
}
#header #menu #on_qui_nous_lit a {
	background: url(../images/header/nav_principale.gif) left top no-repeat;
	background-position: -395px -49px;
}
#header #menu #on_apercu a {
	background: url(../images/header/nav_principale.gif) left top no-repeat;
	background-position: -534px -49px;
}
#header #menu #on_abonnement a {
	background: url(../images/header/nav_principale.gif) left top no-repeat;
	background-position: -627px -49px;
}
#header #menu #on_tester a {
	background: url(../images/header/nav_principale.gif) left top no-repeat;
	background-position: -782px -49px;
}
/* **/

/** Contenu central */
#container {
	background: url(../images/common/bg-normal-container.gif) no-repeat left top;
	min-height: 185px;
	padding: 0 15px;
	position: relative;
	z-index: 2;
	zoom: 1;
}
.logos ul {
	list-style: none;
}
.logos ul li {
	border: solid 1px #e9e9e9;
	list-style: none;
}
/* **/

/** Fil d'info */
.feed {
	background: #e9a523;
	height: 163px;
	padding: 0px 8px 10px;
	width: 264px;
}
.feed h3 {
	color: #fff;
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 0px;
	text-align: center;
}
.feed-text {
	background: #fff;
	color: #4e4e4e;
	font-family: Arial, sans-serif;
	font-size: 12px;
	height: 138px;
}
.feed-date {
	font-weight: bold;
}
.feed a {
	color: #4e4e4e;
	text-decoration: none;
}

/** Fil d'info : jQuery News */
.feed ul {
	list-style: none;
}
.feed ul li {
	height: 45px;
	list-style: none;
	margin: 0;
	padding: 5px 10px 0 10px;
	text-align: justify;
	width: 244px;
}
.feed .jcarousel-container {
	position: relative;
}
.feed .jcarousel-clip {
	height: 136px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 2;
}
.feed .jcarousel-list {
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	top: 0;
	z-index: 1;
}
.feed .jcarousel-list li,
.feed .jcarousel-item {
	float: left;
	list-style: none;
}
.feed .jcarousel-next {
	display: none;
	z-index: 3;
}
.feed .jcarousel-prev {
	display: none;
	z-index: 3;
}
/* **/
/* **/

.round-box {
	background: #e5f5f1 url(../images/common/round-box-top.gif) no-repeat left top;
	margin: 0 0 12px;
	padding-top: 15px;
	width: 209px;
}
.round-box-content {
	background: url(../images/common/round-box-bottom.gif) no-repeat left bottom;
	color: #5db3c0;
	padding: 0 8px 6px;
}
.round-box-header {
	background: #d2eee7 url(../images/common/round-box-header.gif) no-repeat left top;
	color: #5db3c0;
	font-size: 14px;
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
	width: 209px;
}
.main h3.round-box-header {
	margin: -15px 0 5px;
}
/** Liens avec flèche */
.link-a1 {
	background: url(../images/common/fleche1.gif) no-repeat right top;
	color: #a0a0a0;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	margin-top: 10px;
	padding: 0 20px 6px 0;
}
.link-a2 {
	background: url(../images/common/fleche2.gif) no-repeat left top;
	color: #a0a0a0;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	padding: 0 0 6px 20px;
}
/* **/

/** Barre de droite */
.sidebar {
	float: right;
	margin: -10px 0 0 0;
	padding: 0 17px 0 13px;
	position: relative;
	width: 280px;
}
.sidebar .feed {
	margin-bottom: 17px;
}
.sidebar .bt-test {
	margin: -14px 0 3px -7px;
}
.box-a {
	background: #e5f5f1;
	margin: 0 0 17px;
	padding: 12px 8px;
	position: relative;
}
.box-a h4 {
	color: #6cbac6;
	font-size: 14px;
	margin: 0 0 10px;
	text-align: justify;
}
.box-a h4 a.icon-pdf {
	background: url(../images/common/icon-pdf.gif) no-repeat left top;
	color: #6cbac6;
	display: block;
	height: 38px;
	margin: 0 0 -10px;
	padding-left: 50px;
	padding-top: 4px;
	text-align: left;
}
.box-a h4 a.icon-test3h {
	background: url(../images/common/icon-test3h.gif) no-repeat left top;
	color: #e9a523;
	display: block;
	height: 32px;
	margin: -8px 0 -10px;
	padding-left: 60px;
	padding-top: 10px;
	text-align: left;
}
.box-a h4 a.icon-test10j {
	background: url(../images/common/icon-test10j.gif) no-repeat left top;
	color: #e9a523;
	display: block;
	height: 32px;
	margin: -8px 0 -10px;
	padding-left: 52px;
	padding-top: 10px;
	text-align: left;
}
.box-a h4 a.icon-test {
	background: url(../images/common/icon-test.gif) no-repeat left top;
	color: #e9a523;
	display: block;
	height: 32px;
	margin: -8px 0 -10px;
	padding-left: 72px;
	padding-top: 10px;
	text-align: left;
}
.box-a h4 a.icon-devis {
	background: url(../images/common/icon-devis.gif) no-repeat left top;
	color: #6cbac6;
	display: block;
	height: 32px;
	margin: -8px 0 -15px;
	padding-left: 52px;
	padding-top: 10px;
	text-align: left;
}
.box-a-arrow {
	background: url(../images/common/box-a-arrow.gif) no-repeat left top;
	display: block;
	height: 26px;
	left: -7px;
	position: absolute;
	top: 9px;
	width: 7px;
}
* html .box-a-arrow {
	margin-left: -7px;
}
.box-a-content {
	background: #fff;
	color: #c0c0c0;
	padding: 12px;
}
.box-a-content a {
	color: #6cbac6;
	font-weight: bold;
}
.box-a-orange {
	background: #e9a523;
	color: #fff;
	padding-bottom: 5px;
}
.box-a-orange .box-a-arrow {
	background-image: url(../images/common/box-a-arrow-orange.gif);
}
.box-a-orange h4 a {
	color: #fff;
	display: block;
	padding: 2px 5px;
}
.box-a-orange2 {
	background: #f9e8c8;
	color: #e9a523;
	padding-bottom: 5px;
}
.box-a-orange2 .box-a-arrow {
	background-image: url(../images/common/box-a-arrow-orange2.gif);
}
.box-a-orange2 h4 a {
	color: #e9a523;
	display: block;
	padding: 2px 5px;
}
/* **/

/** Contenu principal de gauche */
.main {
	float: left;
	padding-left: 15px;
	text-align: justify;
	width: 555px;
}
.main h2 {
	color: #6cbac6;
	display: block;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 20px;
	line-height: 42px;
	margin: 0 0 20px;
	padding: 0 10px;
}
.main h3 {
	color: #6cbac6;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 15px;
}
.main p {
	margin: 0 0 15px;
}
.main p.button {
	text-align: right;
}
.main p.button a {
	color: #61b5c2;
}
.main .inner-sidebar {
	background: #f8f8f8;
	float: left;
	margin: 0 15px 15px 0;
	padding: 10px;
	width: 185px;
}
.main .inner-sidebar ul {
	list-style: none;
	margin: 0 0 10px;
}
.main .inner-sidebar ul.pictos {
	margin: 0;
}
.main .inner-sidebar ul li {
	background: url(../images/common/puce2.gif) no-repeat left 6px;
	padding: 1px 4px 1px 12px;
	text-align: left;
}
.main .inner-sidebar ul.pictos li {
	background: none;
}
.main .inner-sidebar li.alt {
	background-color: #fff;
	color: #9b9b9b;
}
.main .inner-sidebar-right {
	float: right;
	margin: 0 0 15px 15px;
}
.main .inner-sidebar-content {
	background: #fff;
	margin: -10px 0 0;
	padding: 10px 5px;
}
/* **/

/** Footer */
#footer {
	background: white url(../images/common/bg-footer.gif) no-repeat left top;
	clear: both;
	font-family: Verdana, sans-serif;
	padding: 35px 15px 5px 17px;
}
#wraper {
	position: relative;
}
#wraper a {
	color: #999;
}
#wraper ul {
	color: #afafaf;
	font-size: 11px;
	height: 200px;
	list-style-type: none;
	margin-bottom: 30px;
}
#wraper li {
	border-left: solid 1px #c9c9c9;
	float: left;
	padding: 0 10px;
	width: 203px;
}
#wraper ul #col4 {
	border-right: solid 1px #c9c9c9;
}
#wraper ul li h6 {
	color: #8f8f8f;
	font-size: 12px;
	margin-bottom: 10px;
}
#wraper ul li .marge_top {
	margin-top: 12px;
}
#wraper ul li .marge_bottom {
	color: #9f9f9f;
	margin-bottom: 8px;
}
#wraper ul li .marge_top_bottom {
	margin-bottom: 8px;
	margin-top: 15px;
}
#wraper ul #col1 a, #wraper ul #col2 a, #wraper ul #col3 a, #wraper ul #col4 .groupeCol4 {
	display: block;
}
#wraper ul #col4 p {
	font-size: 9px;
}
#lien_staff {
	position: absolute;
	top: 190px;
}
#lien_staff a span {
	color: orange;
	text-decoration: underline;
}
#honcode_declaration {
	color: #afafaf;
	height: 36px;
}
#honcode_declaration img {
	height: 37px;
	width: 26px;
}
#honcode_declaration span {
	display: block;
	font-size: 9px;
	margin: -36px 0 0 30px;
}
#wraper ul li a:hover {
	color: #5db3c0;
}
/* **/

/** Page d'accueil */
ul.puce-accueil {
	margin-left: 20px;
}
body.page-home {
	background-image: url(../images/common/bg-home.gif);
}
body.page-home #container {
	background-image: url(../images/common/bg-home-container.gif);
	padding: 0 33px 3px;
}

body.page-home #container .main {
	background: url(../images/home/main.gif) no-repeat left top;
	float: none;
	height: 391px;
	margin: 0 0 20px;
	overflow: hidden;
	padding: 0;
	text-align: left;
	width: 865px;
}

/** Page d'accueil : menu de gauche */
body.page-home #container .main .menu {
	height: 391px;
	position: relative;
	width: 233px;
}
body.page-home #container .main .menu h3 {
	color: #a0a0a0;
	font-size: 14px;
	left: 31px;
	margin: 0;
	position: absolute;
	top: 19px;
}
body.page-home #container .main .menu ul {
	_right: -1px;
	list-style: none;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 50px;
	width: 224px;
}
body.page-home #container .main .menu ul li a {
	background: url(../images/home/tab_off.gif) no-repeat right top;
	color: #fff;
	display: block;
	height: 43px;
	overflow: hidden;
	padding: 12px 15px 10px 10px;
	text-align: center;
	text-decoration: none;
	width: 200px;
}
body.page-home #container .main .menu ul li a:hover {
	background-image: url(../images/home/tab_off_long.gif);
	width: 224;
}
body.page-home #container .main .menu ul li a strong {
	display: block;
	font-size: 14px;
	font-weight: bold;
}
body.page-home #container .main .menu ul li a span {
	color: #9cd1d8;
	font-size: 11px;
}
body.page-home #container .main .menu ul li.on a {
	background-image: url(../images/home/tab_on.gif);
	color: #5cb2bf;
	margin-right: 10px;
}
body.page-home #container .main .menu ul li.on a span {
	color: #a7a7a7;
}
a.bt_on {
	background: #ffffff url('../images/home/home_on.gif') no-repeat top right;
	display: block;
	height: 42px;
	position: absolute;
	right: 0px;
	top: 7px;
	width: 38px;
}
a.bt_off {
	background: #ffffff url('../images/home/home_off.gif') no-repeat top right;
	display: block;
	height: 42px;
	position: absolute;
	right: 0px;
	top: 7px;
	width: 38px;
}
a.bt_off:hover {
	background-image: url('../images/home/home_off_long.gif');
	height: 42px;
	width: 46px;
}
/* **/

/** Page d'accueil : contenu principal */
body.page-home #container .content {
	color: #4e4e4e;
	margin: -391px 0 0 233px;
	padding: 15px 15px 0 23px;
	width: 594px;
}
body.page-home #container .text {
	height: 391px;
	text-align: justify;
	width: 365px;
}
body.page-home #container .text h2 {
	color: #99d8c9;
	font-family: Verdana, sans-serif;
	font-size: 18px;
	line-height: normal;
	margin: 0 0 12px;
	padding: 0;
}
body.page-home #container .text p {
	margin: 0 0 10px;
}
body.page-home #tab-accueil .text h2 {
	margin: 5px 0 20px;
}
body.page-home #tab-accueil .text p {
	font-size: 14px;
	margin: 0 0 15px;
}
body.page-home #container .sidebar {
	float: none;
	margin: -391px 0 0 385px;
	padding: 0;
	width: 209px;
}
body.page-home #container .sidebar .round-box ul {
	list-style: none;
}
body.page-home #container .sidebar .round-box ul li {
	background: url(../images/common/puce1.gif) no-repeat left 5px;
	font-weight: bold;
	margin: 0 0 10px;
	padding-left: 10px;
}
body.page-home #container .sidebar .logos {
	padding: 12px 2px 40px;
}
body.page-home #container .sidebar .logos h4 {
	font-size: 12px;
	margin: 0 0 2px;
	padding-left: 13px;
}
/* **/

/** Page d'accueil : jQuery carrousel */
body.page-home #container .cas {
	background: #f7f7f7;
	border: 1px solid #ececec;
	clear: both;
	height: 100px;
}
body.page-home #container .cas ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
body.page-home #container .cas ul li {
	height: 75px;
	list-style: none;
	margin: 0;
	padding: 15px 185px 10px 15px;
	position: relative;
	width: 392px;
}
body.page-home #container .cas ul li div h4 {
	font-size: 12px;
	font-weight: bold;
}
body.page-home #container .cas ul li div p {
	margin: 0 0 1px;
	padding: 0;
	text-align: justify;
}
body.page-home #container .cas ul li div img {
	position: absolute;
	right: 10px;
	top: 10px;
}
body.page-home #container .cas ul li div .link-a1,
body.page-home #container .cas ul li div .link-a2 {
	bottom: 10px;
	position: absolute;
	right: 15px;
}
body.page-home #container .cas .jcarousel-container {
	position: relative;
}
body.page-home #container .cas .jcarousel-clip {
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 2;
}
body.page-home #container .cas .jcarousel-list {
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	top: 0;
	z-index: 1;
}
body.page-home #container .cas .jcarousel-list li,
body.page-home #container .cas .jcarousel-item {
	float: left;
	list-style: none;
}
/* **/

body.page-home #tab-entreprises .text {
	width: 365px;
}
body.page-home #tab-entreprises .text .button {
	margin-top: -15px;
}
body.page-home #tab-entreprises .sidebar .logos .link-a1 {
	display: inline;
	float: right;
}
#bloc_slogans {
	border: 1px solid #ececec;
	float: left;
	height: 157px;
	margin: 0 10px 0 0;
	width: 344px;
}
.big {
	color: #888888;
	display: block;
	font-size: 22px;
	margin: 28px 10px 20px 10px;
}
.little {
	color: #888888;
	display: block;
	font-size: 14px;
	margin: 0 10px;
}
body.page-home #container .foot .links {
	float: left;
	margin: 0 10px 0 0;
}
body.page-home #container .foot .feed {
	float: left;
}
body.page-home #container .foot .links {
	display: block;
	list-style: none;
}
body.page-home #container .foot .links li {
	display: block;
	text-align: center;
}
body.page-home #container .foot .links li#l-abonnement {
	margin: 10px 0 23px;
	padding-left: 15px;
	text-align: left;
}
/* **/

/** Qui nous lit */
.main div.lecteurs {
	height: 265px;
	position: relative;
	width: 554px;
}
.main div.lecteurs div.box {
	border: 7px solid #e5f5f1;
	height: 220px;
	left: 0;
	position: absolute;
	top: 0;
	width: 164px;
}
.main div.lecteurs div.box-left {
	margin-left: 0;
}
.main div.lecteurs div.box-center {
	margin-left: 188px;
}
.main div.lecteurs div.box-right {
	margin-left: 376px;
}
.main div.lecteurs div.box .header {
	background-color: #e5f5f1;
	color: #5db3c0;
	font-size: 13px;
	font-weight: bold;
	height: 60px;
	text-align: left;
}
.main div.lecteurs div.box p {
	line-height: 16px;
	padding: 6px;
}

ul.logos {
	display: block;
	list-style: none;
	margin: 0 -15px 15px 0;
	overflow: hidden;
	width: 575px;
}
ul.logos li {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}
ul.logos li a {
	color: #e9e9e9;
	display: block;
}
ul.logos li img {
	border: 1px solid #e9e9e9;
	display: block;
	height: 50px;
	width: 100px;
}
/* **/

/** Rédaction */
.trombi {
	background: #f8f8f8;
	margin: 25px 0 0;
	padding: 20px 0 0 10px;
	zoom: 1;
}
.trombi ul {
	list-style: none;
}
.trombi li {
	display: block;
	float: left;
	font-weight: bold;
	height: 200px;
	margin: 0 21px 0 0;
	text-align: center;
	width: 160px;
}
.trombi li img {
	background: #e9e9e9;
	border: 1px solid #d0d0d0;
	height: 138px;
	width: 100px;
}
.trombi li .poste {
	color: #6cbac6;
	display: block;
	margin: 8px 0 0;
}
.trombi li .nom {
	color: #4a4a4a;
	display: block;
}
.trombi li .contact a {
	color: #6cbac6;
}
/* **/

/** Aperçu */
div.slideshow {
	border: 1px solid #ccc;
	height: 345px;
	margin: 0 auto 30px auto;
	padding: 0;
	position: relative;
	width: 480px;
}
#slideshow {
	margin: auto;
	position: relative;
}
#slideshow #navigator {
	border: 5px solid blue;
	right: 0px !important;
}
#slideshow #navigator a.navigation {
	background-color: #000000;
	border: 1px solid green;
	color: #ffffff;
	height: 18px;
	line-height: 18px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	width: 18px;
}
#slideshow #navigator a.selected {
	background-color: #a1a1a1;
}
#slideshow #slider {
	border: 1px solid yellow;
	top: 40px;
}
#slideshow #subbar {
}
.box-abonnes {
	padding-top: 1px;
}
.box-abonnes h4 {
	margin: 10px 0;
	padding-left: 14px;
}
ul.pictos {
	list-style: none;
	margin: 0;
}
ul.pictos li, .main .inner-sidebar ul.pictos li {
	background: no-repeat left center;
	color: #6cbac6;
	padding: 3px 0 3px 27px;
}
ul.pictos li.p-actualite, .main .inner-sidebar ul.pictos li.p-actualite {
	background-image: url(../images/pictos/actualite.gif);
}
ul.pictos li.p-dossiers, .main .inner-sidebar ul.pictos li.p-dossiers {
	background-image: url(../images/pictos/dossiers.gif);
}
ul.pictos li.p-agenda, .main .inner-sidebar ul.pictos li.p-agenda {
	background-image: url(../images/pictos/agenda.gif);
}
ul.pictos li.p-jobosante, .main .inner-sidebar ul.pictos li.p-jobosante {
	background-image: url(../images/pictos/jobosante.gif);
}
ul.pictos li.p-nominations, .main .inner-sidebar ul.pictos li.p-nominations {
	background-image: url(../images/pictos/nominations.gif);
}
ul.pictos li.p-chantiers, .main .inner-sidebar ul.pictos li.p-chantiers {
	background-image: url(../images/pictos/chantiers.gif);
}
ul.pictos li.p-recherche, .main .inner-sidebar ul.pictos li.p-recherche {
	background-image: url(../images/pictos/recherche.gif);
}
ul.pictos li.p-archives, .main .inner-sidebar ul.pictos li.p-archives {
	background-image: url(../images/pictos/archives.gif);
}
ul.pictos li.p-glossaire, .main .inner-sidebar ul.pictos li.p-glossaire {
	background-image: url(../images/pictos/glossaire.gif);
}
ul.pictos li.p-tags, .main .inner-sidebar ul.pictos li.p-tags {
	background-image: url(../images/pictos/tags.gif);
}
ul.pictos li.p-profils, .main .inner-sidebar ul.pictos li.p-profils {
	background-image: url(../images/pictos/profils.gif);
}
ul.pictos li.p-support, .main .inner-sidebar ul.pictos li.p-support {
	background-image: url(../images/pictos/support.gif);
}
ul.pictos li.p-espaceweb, .main .inner-sidebar ul.pictos li.p-espaceweb {
	background-image: url(../images/pictos/espaceweb.gif);
}
ul.pictos li.p-alerteurquotidien, .main .inner-sidebar ul.pictos li.p-alerteurquotidien {
	background-image: url(../images/pictos/alerteur-quotidien.gif);
}
ul.pictos li.p-alerteurhebdo, .main .inner-sidebar ul.pictos li.p-alerteurhebdo {
	background-image: url(../images/pictos/alerteur-hebdo.gif);
}
ul.pictos li.p-rss, .main .inner-sidebar ul.pictos li.p-rss {
	background-image: url(../images/pictos/rss.gif);
}
/* **/

/** Demande de devis */
.formulaire {
	margin: 10px 0 20px 0;
	padding: 10px 0 10px 10px;
}
.formulaire fieldset {
	border: 0;
	margin-bottom: 7px;
	padding: 7px 0;
}
.formulaire fieldset .p {
	margin-bottom: 4px;
	padding: 2px 0;
	position: relative;
}
.formulaire fieldset .p select.erreur,
.formulaire fieldset .p input.erreur,
.formulaire fieldset .p textarea.erreur {
	background-color: #fff4f7;
	border: 1px solid #ee0000 !important;
}
.formulaire .p span.info_erreur {
	color: #ee0000;
	display: block;
	margin: 3px 0 0 190px;
	padding-bottom: 2px;
}
.formulaire .p label {
	color: #666;
	display: block;
	float: left;
	font-weight: bold;
	line-height: 20px;
	padding: 0 6px 0 0;
	text-align: right;
	width: 184px;
}
.formulaire .p label span {
	font-weight: normal;
}

.formulaire textarea.description {
	height: 70px;
	width: 325px;
}

.formulaire .textbox {
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #aaa;
	border-right: 1px solid #ddd;
	border-top: 1px solid #aaa;
	color: #666;
	height: 16px;
	padding: 1px 3px;
	text-align: left;
	width: 200px;
}
.formulaire .adresse {
	height: 40px;
}
.formulaire .civilite {
	height: 20px;
	width: 70px;
}
.formulaire .p span.precision {
	color: #898989;
	display: block;
	margin: 0 0 5px 193px;
}
.formulaire .p span.precision span.cat {
	display: block;
	margin-bottom: 3px;
}
.formulaire .p span.precision div.details {
	display: none;
	margin-left: -1.5em;
}
.formulaire .p span.precision div.details .cat_details {
	background-color: #eee;
	color: #898989;
	margin: 5px 0 5px 17px;
	padding: 3px;
	width: 315px;
}
.formulaire .p span.precision div.details .facultatif {
	float: left;
	margin: 5px 3px 0 -40px;
	width: 60px;
}
.formulaire .p span.precision div.details .visible {
	display: block;
}
.formulaire .p span.precision div.details .cache {
	display: none;
}
.formulaire .p span.details_cat_aide_text {
	font-size: 95%;
	left: 15px;
	position: absolute;
	text-align: left;
	top: 30px;
	width: 155px;
}
.formulaire .p span.precision .cat_details .textbox {
	padding-bottom: 1px;
	padding-top: 1px;
	width: 25px;
}
.formulaire .p.error {
	color: #d75858;
	display: none;
	font-weight: bold;
	margin: 15px 0 0 200px;
}
.box-contact h4 {
	padding-left: 14px;
}
.box-contact .box-a-content {
	color: #4e4e4e;
}
.box-contact .center {
	display: block;
	margin: 10px 0 0;
	text-align: center;
}
.box-contact .box-a-content a {
	color: #0096e7;
	display: block;
	margin: 10px 0 0;
}
/* **/

/** Tester Hospimedia */
body.page-tester {
	background-image: url(../images/common/bg-tester.gif);
}
body.page-tester #container {
	background-image: url(../images/common/bg-tester-container.gif);
}
body.page-tester .main {
	width: 565px;
}
body.page-tester .main h2 {
	color: #e9a523;
}
body.page-tester .main p.mentions {
	clear: both;
}
.formulaire-decouverte {
	background: #e9a523;
	float: left;
	margin: 0 0 25px;
	padding: 15px 10px;
	width: 277px;
}
.formulaire-decouverte h3 {
	color: #fff;
	margin: 0 0 8px;
	text-align: center;
}
.formulaire-decouverte form p {
	margin-bottom: 5px;
}
.formulaire-decouverte-content {
	background: #faeacc;
	padding: 5px;
}
.formulaire-decouverte-content label {
	color: #4a4a4a;
	display: block;
	float: left;
	padding: 3px 5px 0 0;
	text-align: right;
	width: 105px;
}
.formulaire-decouverte-content p.button {
	clear: both;
	margin: 0;
	padding: 15px 5px 5px 0;
}
.formulaire-decouverte-content input.textbox {
	border: 1px solid #fff;
	color: #e9a523;
	padding: 4px 5px;
	width: 140px;
}
.formulaire-decouverte-content p.error {
	color: #d75858;
	display: none;
	font-weight: bold;
	padding: 15px 0 0;
	text-align: center;
}
.essai {
	background: #f8f8f8;
	border: 8px solid #6cbac6;
	float: right;
	margin: 0 0 25px;
	padding: 15px;
	width: 260px;
}
.essai h3 {
	color: #8b8b8b;
	font-size: 17px;
}
.essai ul {
	color: #746343;
	list-style: none;
}
.essai ul li {
	background: no-repeat left top;
	padding: 3px 0 10px 35px;
}
.essai ul li#li1 {
	background-image: url(../images/common/li-1.gif);
}
.essai ul li#li2 {
	background-image: url(../images/common/li-2.gif);
}
.essai ul li#li3 {
	background-image: url(../images/common/li-3.gif);
}
.essai p.button {
	margin: 15px 0 0;
	text-align: center;
}
.shoot {
	float: left;
	margin: 60px auto;
	text-align: center;
	width: 250px;
}
.shoot img {
	border: 1px solid #ccc;
}
/* **/

/** Abonnement */
body.page-abonnement .main {
	width: 565px;
}
body.page-abonnement .main .raisons {
	border-bottom: 15px solid #f8f8f8;
	margin: 0 0 20px;
}
body.page-abonnement .main .raisons h3 {
	background: #6cbac6;
	color: #fff;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 18px;
	padding: 5px 10px;
}
body.page-abonnement .main .raisons ul {
	list-style: none;
}
body.page-abonnement .main .raisons ul li {
	background: no-repeat 8px 5px;
	padding: 4px 0 0 50px;
}
body.page-abonnement .main .raisons ul li h4 {
	color: #6cbac6;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 18px;
	margin: 0 0 3px;
}
body.page-abonnement .main .raisons ul li.li1 {
	background-image: url(../images/abonnement/raisons-li-1.gif);
}
body.page-abonnement .main .raisons ul li.li2 {
	background-image: url(../images/abonnement/raisons-li-2.gif);
}
body.page-abonnement .main .raisons ul li.li3 {
	background-image: url(../images/abonnement/raisons-li-3.gif);
}
body.page-abonnement .main .raisons ul li.li4 {
	background-image: url(../images/abonnement/raisons-li-4.gif);
}
body.page-abonnement .main .raisons ul li.li5 {
	background-image: url(../images/abonnement/raisons-li-5.gif);
}
body.page-abonnement .main .raisons ul li.li6 {
	background-image: url(../images/abonnement/raisons-li-6.gif);
}
body.page-abonnement .main .apropos {
	background: #fbfbfb;
	float: left;
	height: 310px;
	padding: 20px 15px;
	width: 250px;
}
body.page-abonnement .main .devis {
	background: #f8f8f8;
	border: 8px solid #6cbac6;
	float: left;
	height: 304px;
	padding: 15px;
	width: 239px;
}
body.page-abonnement .main .devis ul {
	list-style: none;
}
body.page-abonnement .main .devis ul li {
	background: no-repeat left top;
	list-style: none;
	padding: 3px 0 4px 35px;
}
body.page-abonnement .main .devis ul li.li1 {
	background-image: url(../images/abonnement/devis-li-1.gif);
}
body.page-abonnement .main .devis ul li.li2 {
	background-image: url(../images/abonnement/devis-li-2.gif);
}
body.page-abonnement .main .devis ul li.li3 {
	background-image: url(../images/abonnement/devis-li-3.gif);
}
body.page-abonnement .main .devis ul li.li4 {
	background-image: url(../images/abonnement/devis-li-4.gif);
}
body.page-abonnement .main .devis ul li.li5 {
	background-image: url(../images/abonnement/devis-li-5.gif);
}
body.page-abonnement .main .devis ul li.li6 {
	background-image: url(../images/abonnement/devis-li-6.gif);
}
body.page-abonnement .main .devis p.button {
	margin: 10px 0 0;
	text-align: center;
}
body.page-abonnement .main .devis p.button a {
	display: block;
	margin: 0 auto;
	text-decoration: none;
	width: 220px;
}
body.page-abonnement .main .devis p.button .engagement {
	color: #518a93;
	display: block;
	margin-right: 15px;
	text-align: right;
}
/* Permet d'inverser les emails à l'affichage (anti spam) */
span.codedirection {
	direction: rtl;
	unicode-bidi: bidi-override;
}
/* **/

/** Support abonnés */
body.page-support {
	background-image: url(../images/common/bg-support.gif);
}
body.page-support .main h2, body.page-support .main h3 {
	color: #a3d234;
}
body.page-support #container {
	background-image: url(../images/common/bg-support-container.gif);
}
body.page-support .main {
	width: 565px;
}
body.page-support #faq {
	text-align: left;
}
body.page-support .main div.home {
	position: relative;
}
body.page-support .main div.home a {
	color: #a8da34;
	display: block;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 20px;
	line-height: 42px;
	margin: 0 0 20px;
	padding: 0 10px;
	text-decoration: none;
}
body.page-support .main div.home a:hover {
	background: transparent url(../images/support/home.gif) no-repeat 8em 50%;
	text-decoration: underline;
}
body.page-support a {
	color: #0096e7;
}
body.page-support .main p.mentions {
	clear: both;
}
body.page-support #faq div {
	margin: 0 0 10px 0;
}
body.page-support #faq div p {
	margin: 5px 0 0 20px;
}
body.page-support #faq span.titre {
	color: rgb(0, 150, 231);
	cursor: pointer;
	display: block;
	font-size: 13px;
	margin: -10px 0 0 20px;
	padding: 0;
	text-decoration: underline;
}
.trigger {
	color: #339999;
	cursor: help;
}
.titre .trigger {
	color: #339999;
}
.trigger_question {
	color:#fff;
	padding:0 7px;
	background: transparent url('/images/pictos/aide.gif') no-repeat 0 0;
}
#tooltip {
	background-color: #fafbff;
	border: solid 3px #eae7f4;
	border-radius: 7px;
	color: #666666;
	moz-border-radius: 7px;
	opacity: 1;
	padding: 10px 10px 20px;
	webkit-border-radius: 7px;
	width: 250px;
}
body.page-support #faq div .reponses {
	display: none;
	text-align: justify;
}
body.page-support #faq div .titre {
	text-align: justify;
}
#lexique {
	display: none;
}
#lexique h3 {
	color: #ff6600;
}
#lexique {
	color: #ff6600;
}
body.page-support div.video {
	border: 1px solid #eee;
	margin: 0 auto 15px auto;
	width: 560px;
}
body.page-support .box-a-content .bloc-contact .text p {
	padding: 10px;
	text-align: justify;
}
body.page-support .box-a-content .current {
	margin: 0 0 15px 0;
	text-align: center;
}
body.page-support .box-a-content .current div.text {
	margin: 8px 0 0 0;
}
body.page-support .box-a-content .other {
	height: 80px;
	margin: 8px 0 0 0;
	position: relative;
	width: 120px;
}
body.page-support .box-a-content .other div.text {
	padding: 0 0 0 140px;
	position: absolute;
	top: 5px;
}
body.page-support .box-a-content .other div.text2 {
	margin: 0 0 0 130px;
	position: absolute;
	top: 5px;
	width: 115px;
}
p.support {
	color: #A3D234;
	font-size: 14px;
	font-weight: bold;
}
/* **/

div.bloc-contact {
	background-color: #E5F5F1;
	height: 218px;
	margin: 0 0 15px 0;
	padding: 0px 8px;
	width: 264px;
}
div.bloc-contact-ajout {
	height: 136px;
}
div.bloc-contact h3 {
	color: #6CBAC6;
	display: block;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
}
div.bloc-contact div.text {
	background: #fff;
	color: #4e4e4e;
	font-family: Arial, sans-serif;
	font-size: 12px;
	height: 182px;
}
div.bloc-contact-ajout div.text {
	height: 100px;
}
div.bloc-contact .text p {
	padding: 6px;
	text-align: justify;
}
div.sidebar div.bloc div.text div.lien a.bouton {
	background: #fff url(../images/common/bt-ecrire-support.png) no-repeat 0 0;
	display: block;
	height: 26px;
	width: 196px;
}
div.sidebar div.bloc div.text div.lien a.bouton:hover {
	background-color: #fff;
	background-position: 100% 0;
}
div.sidebar div.bloc {
	background-color: #eeeeee;
	height: 140px;
	margin: 0 0 15px 0;
	padding: 0 8px;
	width: 264px;
}
div.sidebar div.bloc h3 {
	color: #aaaaaa;
	display: block;
	font-size: 16px;
	line-height: 26px;
	margin-left: 15px;
	text-align: left;
}
div.sidebar div.bloc-vert {
	background-color: #A3D234;
	height: 180px;
}
div.sidebar div.bloc-vert div.text {
	height: 126px !important;
}
div.sidebar div.bloc-bleu {
	background-color: #e5f5f1;
}
div.sidebar div.bloc-vert h3 {
	color: #ffffff;
}
div.sidebar div.bloc-bleu h3 {
	color: #6CBAC6;
}
div.sidebar div.bloc div.text {
	background: #fff;
	color: #4e4e4e;
	font-family: Arial, sans-serif;
	font-size: 12px;
	height: 86px;
	padding: 10px 15px;
}
div.sidebar div.bloc div.text p {
	padding: 0px;
	text-align: justify;
}
div.sidebar div.bloc div.text div.lien {
	margin-top: 10px;
}
div.sidebar div.bloc div.text div.azur {
	margin-top: 20px;
}
div.sidebar div.bloc div.text div.lien a {
	font-weight: bold;
}
div.honcode {
	height: 90px;
	position: relative;
	text-align: left;
}
div.honcode span.logo {
	display: block;
	position: absolute;
	width: 50px;
}
div.honcode span.text {
	display: block;
	margin-left: 70px;
	position: absolute;
}
input, textarea {
	padding: 0.2em;
}
form {
	margin: none;
}
fieldset {
	border: none;
}
.civilite {
	height: 24px;
	padding-top: 2px;
	width: 70px;
}
.type_demande {
	height: 24px;
	padding-top: 2px;
	width: 158px;
}
div.button {
	text-align: center;
	width: 100%;
}
p.cnil {
	color: #c1c1c1;
	margin: 30px 0 10px 0;
}
fieldset {
	background-color: #f8f8f8;
	padding: 15px 0 8px 0;
}
fieldset div.forminput {
	margin: 0 0 8px 5px;
	position: relative;
	width: 560px;
}
fieldset div.formlabel {
	float: left;
	font-weight: bold;
	padding: 0.2em 0.5em 0 0;
	text-align: right;
	width: 150px;
}
fieldset div.formdescription {
	margin: 20px 5px 5px 160px;
}
/* Style dupliqué dans les instructions CSS « .description » et « .textbox »
 * plus bas.
 */
fieldset div.formfield input,
fieldset div.formfield textarea,
fieldset div.formfield select {
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #aaa;
	border-right: 1px solid #ddd;
	border-top: 1px solid #aaa;
	color: #666;
	padding: 1px 3px;
	height: 16px;
}
fieldset div.formfield textarea {
	height: 70px;
	width: 325px;
}
fieldset div.formfield select {
	height: 20px;
	width: 70px;
}

fieldset div.formerror {
	color: red;
	display: none;
	font-size: 80%;
	position: absolute;
	right: 0;
	top: 5px;
	width: 150px;
}
fieldset div.error div.formerror {
	display: block !important;
}
fieldset div.error label {
	color: red;
}
.visible {
	display: block !important;
}
.hidden {
	display: none;
}
p.error {
	color: red;
	margin: 20px 0;
}
div.multiform fieldset {
	border: 2px solid #a3d234;
	margin-top: 15px;
	padding: 10px 0;
	position: relative;
}
div.multiform fieldset span.label {
	color: #dedede;
	display: block;
	font-size: 20px;
	position: absolute;
	right: 20px;
}
div.multiform fieldset div.del {
	height: 22px;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 19px;
}
div.lien_ajout a.bouton {
	background: #fff url(/images/common/btn_utilisateurs.jpg) no-repeat 0 0;
	display: block;
	height: 18px;
	margin: 5px 0 0 400px;
	width: 165px;
}
div.lien_ajout a.bouton:hover {
	background-color: #fff;
	background-position: 100% 0;
}
div.multiform fieldset div.del a.delForm {
	background: #fff url(/images/common/fermerPanneau.jpg) no-repeat 0 0;
	display: block;
	height: 16px;
	width: 19px;
}
div.multiform fieldset div.del a.delForm:hover {
	background-color: #fff;
	background-position: 100% 0;
}
#side_coordonnees {
	margin-top: 10px;
}
fieldset {
	background-color: #f4f4f4;
	margin: 10px 0;
	padding: 10px 0;
}
#askInfo #info_champs {
	margin-left: 10px;
}
#coordonnees #adresse_postale {
	margin: 0 0 30px 25px;
}
#coordonnees .cat_contact {
	margin: 37px 0 5px 0;
}
#coordonnees p a {
	color: #6cbac6;
}
#coordonnees #btn_devis a {
	background: url(/images/common/bouton_demande_devis.jpg) left top no-repeat;
}
#coordonnees #btn_test a {
	background: url(/images/common/bouton_demande_test.jpg) left top no-repeat;
}
#coordonnees #btn_support a {
	background: url(/images/common/bouton_demande_support.jpg) left top no-repeat;
}
#coordonnees #btn_devis a, #coordonnees #btn_test a, #coordonnees #btn_support a {
	cursor: pointer;
	display: block;
	height: 21px;
	margin: -5px 0 10px 35px;
	text-decoration: none;
	width: 227px;
}
#coordonnees #btn_devis a:hover {
	background-position: 1px 1px;
}
#coordonnees #btn_test a:hover {
	background-position: 1px 1px;
}
#coordonnees #btn_support a:hover {
	background-position: 1px 1px;
}
#coordonnees #btn_devis a span, #coordonnees #btn_test a span, #coordonnees #btn_support a span {
	left: -9999px;
	position: absolute;
}