body.error{background-color:#FF9090;}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
ul.circle {list-style: circle;}
.hmarginleft {margin-left: 10px;}
.marginleft {margin-left: 20px;}
.dmarginleft {margin-left: 40px;}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**/
@font-face {
	font-family: 'gothamthin';
	src: url('../medias/fonts/gotham-thin-webfont.eot');
	src: url('../medias/fonts/gotham-thin-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../medias/fonts/gotham-thin-webfont.woff') format('woff'),
		 url('../medias/fonts/gotham-thin-webfont.ttf') format('truetype'),
		 url('../medias/fonts/gotham-thin-webfont.svg#gothamthin') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothamlight';
	src: url('../medias/fonts/gotham-light-webfont.eot');
	src: url('../medias/fonts/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../medias/fonts/gotham-light-webfont.woff') format('woff'),
		 url('../medias/fonts/gotham-light-webfont.ttf') format('truetype'),
		 url('../medias/fonts/gotham-light-webfont.svg#gothambook') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothambook';
	src: url('../medias/fonts/gotham-book-webfont.eot');
	src: url('../medias/fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../medias/fonts/gotham-book-webfont.woff') format('woff'),
		 url('../medias/fonts/gotham-book-webfont.ttf') format('truetype'),
		 url('../medias/fonts/gotham-book-webfont.svg#gothambook') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothambookitalic';
	src: url('../medias/fonts/gotham-bookitalic-webfont.eot');
	src: url('../medias/fonts/gotham-bookitalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../medias/fonts/gotham-bookitalic-webfont.woff') format('woff'),
		 url('../medias/fonts/gotham-bookitalic-webfont.ttf') format('truetype'),
		 url('../medias/fonts/gotham-bookitalic-webfont.svg#gothambookitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothammedium';
	src: url('../medias/fonts/gotham-medium-webfont.eot');
	src: url('../medias/fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../medias/fonts/gotham-medium-webfont.woff') format('woff'),
		 url('../medias/fonts/gotham-medium-webfont.ttf') format('truetype'),
		 url('../medias/fonts/gotham-medium-webfont.svg#gothammedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothambold';
	src: url('../medias/fonts/gotham-bold-webfont.eot');
	src: url('../medias/fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../medias/fonts/gotham-bold-webfont.woff') format('woff'),
		 url('../medias/fonts/gotham-bold-webfont.ttf') format('truetype'),
		 url('../medias/fonts/gotham-bold-webfont.svg#gothambold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothamblack';
	src: url('../medias/fonts/gotham-black-webfont.eot');
	src: url('../medias/fonts/gotham-black-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../medias/fonts/gotham-black-webfont.woff') format('woff'),
		 url('../medias/fonts/gotham-black-webfont.ttf') format('truetype'),
		 url('../medias/fonts/gotham-black-webfont.svg#gothamblack') format('svg');
	font-weight: normal;
	font-style: normal;
}

/**/
body {
	background-color: #FFFFFF;
	color: #5d5d5d;
	font-family: 'gothambook', arial, sans-serif;
	font-size: 12px;
}
body *{
	font-family: 'gothambook';
}
a:link, a:visited {
	color: #5d5d5d;
}
#page {
}
#header {
	height: 100px;
	margin: auto;
	position: relative;
	width: 1000px;
}
#header h1 {
	float: left;
	margin-top: 10px;
}
#header ul {
	border: 1px solid #FFFFFF;
	float: right;
}
#header ul li {
	background-color: #f5f5f5;
	border-left: 1px solid #FFFFFF;
	float: left;
	font-family: gothammedium, arial, sans-serif;
	height: 98px;
	overflow: hidden;
	text-align: center;
	margin: 0px 0px 0px 0px;
	width: 98px;
}
#header ul li a:link, #header ul li a:visited {
	background-position: top center;
	background-repeat: no-repeat;
	color: #a3a3a3;
	display: block;
	font-size: 10px;
	margin-top: 10px;
	padding-top: 50px;
	text-decoration: none;
	text-transform: uppercase;
}
#header ul li:hover a:link, #header ul li:hover a:visited, #header ul li.active a:link, #header ul li.active a:visited {
	color: #FFFFFF;
}

#content {
	clear: both;
	overflow: hidden;	
}

body.mentions #content, #header ul li.mentions.active, #header ul li:hover.mentions, body.mentions #footer_menu {
	background-color: #999;
}
body.interne_mentions #content, #header ul li.interne_mentions.active, #header ul li:hover.interne_mentions, body.interne_mentions #footer_menu {
	background-color: #999;
}
body.credits #content, #header ul li.credits.active, #header ul li:hover.credits, body.credits #footer_menu {
	background-color: #999;
}
body.interne_credits #content, #header ul li.interne_credits.active, #header ul li:hover.interne_credits, body.interne_credits #footer_menu {
	background-color: #999;
}
body.recherche #content, #header ul li.recherche.active, #header ul li:hover.recherche, body.recherche #footer_menu {
	background-color: #999;
}
body.actualites #content, #header ul li.actualites.active, #header ul li:hover.actualites, body.actualites #footer_menu {
	background-color: #00a9e0;
}
body.offres #content, #header ul li.offres.active, #header ul li:hover.offres, body.offres #footer_menu {
	background-color: #9a4ebb;
}
body.outils #content, #header ul li.outils.active, #header ul li:hover.outils, body.outils #footer_menu {
	background-color: #f59450;
}
body.catalogue #content, #header ul li.catalogue.active, #header ul li:hover.catalogue, body.catalogue #footer_menu {
	background-color: #f6c542;
}
body.emag #content, #header ul li.emag.active, #header ul li:hover.emag, body.emag #footer_menu {
	background-color: #c7db58;
}

body.profil #content, #header ul li.profil.active, #header ul li:hover.profil, body.profil #footer_menu {
	background-color: #66a948;
}

body.interne_kiosque #content, #header ul li.interne_kiosque.active, #header ul li:hover.interne_kiosque, body.interne_kiosque #footer_menu {
	background-color: #d1b7d1;
}
body.interne_partenaires #content, #header ul li.interne_partenaires.active, #header ul li:hover.interne_partenaires, body.interne_partenaires #footer_menu {
	background-color: #ad9e87;
}
body.interne_extranet #content, #header ul li.interne_extranet.active, #header ul li:hover.interne_extranet, body.interne_extranet #footer_menu {
	background-color: #c99a4f;
}
body.interne_outils #content, #header ul li.interne_outils.active, #header ul li:hover.interne_outils, body.interne_outils #footer_menu {
	background-color: #879aab;
}
body.interne_statistiques #content, #header ul li.interne_statistiques.active, #header ul li:hover.interne_statistiques, body.interne_statistiques #footer_menu {
	background-color: #ac87a6;
}
body.interne_agenda #content, #header ul li.interne_agenda.active, #header ul li:hover.interne_agenda, body.interne_agenda #footer_menu {
	background-color: #9aab87;
}

#header ul li:hover.introduction, #header ul li:hover.interne_deconnexion {
	background-color: #b44444;
}

body.outils .article_bloc h1 strong {
	color: #cd8454;
}

.display {
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 1000px;
}
#footer {
	clear: both;
	font-family: 'gothambook';
}

#footer_boxes {
	background-color: #c4c4c4;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	height: 94px;
	overflow: hidden;
}
.footer_box {
	background-color: #f5f5f5;
	background-position: 20px 33px;
	background-repeat: no-repeat;
	border-right: 1px solid #FFFFFF;
	float: left;
	height: 94px;
	width: 234px;
}
.footer_display {
	padding: 30px 20px 20px 65px;
}
.footer_box h3 {
	color: #414141;
}
#footer_contact {
	background-image: url(../medias/footer-contact.png);
}
#footer_recherche {
	background-image: url(../medias/footer-recherche.png);
}
#footer_recherche p{
	position: relative;
	width: 150px;
}
#footer_recherche h3{
	margin-bottom: 7px;
}
#footer_recherche input[type=text]{
	width: 127px;
	padding: 0 20px 0 4px;
	height: 20px;
	border: none;
	background: url(../medias/footer_recherche_input.png) 0 0 no-repeat;
}
#footer_recherche .footer_recherche_submit{
	background: url(../medias/arrow-right-black.png) 1px 6px no-repeat;
	border: none;
	display: block;
	cursor: pointer;
	width: 15px; height: 16px;
	position: absolute; right: 4px; top: 2px;
}
#footer_abonnement {
	background-image: url(../medias/footer-abonnement.png);
}
#footer_contact p {
	color: #096b9f;
	line-height: 13px;
	margin-top: 3px;
}
#footer_contact p strong {
	font-weight: bold;
}

#footer_last_link, #footer_last_resume {
	height: 77px;
	margin-top: 10px;
	padding: 0px 10px 0px 10px;
}
#footer_last_link {
	border-right: 1px solid #b0b0b0;
	color: #FFFFFF;
	float: left;
	margin-left: 5px;
}
#footer_last_link h3 {
	background-image: url(../medias/ico-tableau-de-bord.png);
	background-position: top left;
	background-repeat: no-repeat;
	font-family: gothammedium, arial, sans-serif;
	font-size: 14px;
	margin-top: 10px;
	padding: 0px 0px 20px 40px;
}
#footer_last_link p {
	color: #4a9950;
	font-size: 10px;
	text-transform: uppercase;
}
#footer_last_link p a:link, #footer_last_link p a:visited {
	background-image: url(../medias/link-next-profil.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	color: #4a9950;
	padding: 2px 0px 2px 20px;
	text-decoration: none;
}
#footer_last_resume {
	border-left: 1px solid #e2e2e2;
	color: #FFFFFF;
	float: left;
}
#footer_last_resume h4 {
	font-size: 36px;
	font-family: 'gothammedium';
	margin: 5px 0px 10px 0px;
}
#footer_last_resume h4 sup {
	font-size: 10px;
	margin-left: 3px;
	position: relative;
	top: 0px;
	vertical-align: top;
}
#footer_last_resume p {
	color: #444444;
	font-size: 9px;
}

#footer_menu {
	text-align: right;
}
#footer_menu ul {
	padding: 7px 0px 7px 0px;
}
#footer_menu ul li {
	background-image: url(../medias/footer-menu-separ.png);
	background-position: center left;
	background-repeat: no-repeat;
	color: #FFFFFF;
	display: inline;
	font-family: gothammedium, arial, sans-serif;
	font-size: 10px;
	margin: 0px 7px 0px 0px;
	padding-left: 14px;
	text-transform: uppercase;
}
#footer_menu ul li.first {
	background-image: none;
}
#footer_menu ul li a:link, #footer_menu ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footer_logos {
	margin-top: 20px;
}
#footer_logos h2 {
	float: left;
}
#footer_logos h3 {
	float: right;
}

#sidebar_menu {
	float: right;
}
#sidebar_menu .menu_item {
	clear: both;
	cursor: pointer;
	padding-top: 1px;
	*display: inline-block;
}
#sidebar_menu .menu_item_icone {
	background-color: #fff;
	/*border-left: 1px solid #FFFFFF;*/
	float: right;
	font-family: 'gothammedium', arial, sans-serif;
	height: 98px;
	/*opacity: 0.4;*/
	overflow: hidden;

	text-align: center;
	width: 98px;
	background: url(../medias/bg_opacity_white_40.png) ;
}

#sidebar_menu .menu_item:first-child {
	padding-top: 0;
}
#sidebar_menu a.menu_item_link:link, #sidebar_menu a.menu_item_link:visited {
	background-position: top center;
	background-repeat: no-repeat;
	color: #666666;
	display: block;
	float: left;
	font-size: 9px;
	font-family: 'gothambold';
	margin-top: 10px;
	padding-top: 50px;
	text-decoration: none;
	text-transform: uppercase;
	width: 98px;
}
#sidebar_menu .menu_item.active .menu_item_icone {
	/*opacity: 1;*/
	background: #FAF9F7;
}
#sidebar_menu ul li.active a:link, #sidebar_menu ul li.active a:visited {
	/*color: #666666;*/
}

#sidebar_menu .catalogue_plus a {
	background-image: url(../medias/menu-catalogue-avantages.png);
}

#sidebar_menu .catalogue_index a {
	background-image: url(../medias/menu-catalogue-index.png);
}

#content_inner {
	background-color: #faf9f7;
	float: right;
	width: 898px;
}

.article_bloc {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	float: left;
	height: 125px;
	margin: 15px 5px 0px 0px;
	overflow: hidden;
	position: relative;
	width: 263px;
	text-decoration: none;
}
body.offres a.article_bloc:hover {
	border: 1px solid #994ebb;
}
body.outils a.article_bloc:hover {
	border: 1px solid #f59450;
}
body.interne_outils a.article_bloc:hover {
	border: 1px solid #879aab;
}
.article_bloc_detail {
	bottom: 10px;
	position: absolute;
	right: 10px;
	width: 255px;
}
.article_bloc_detail h2 {
	float: right;
	margin-right: 25px;
	text-align: right;
	width: 230px;
}
.article_bloc_detail a:link, .article_bloc_detail a:visited {
	bottom: 0px;
	float: none;
	position: absolute;
	right: 0px;
}

.article_bloc h1 strong {
	font-weight: bold;
}
.article_bloc .article_arrow{
	display: block;
	width: 20px;
	height: 15px;
	background-color: #ddd;
	background: url(../medias/link-next.png) 5px 3px no-repeat #000;
	position: absolute;
	bottom: 0;
	right: 0;
}
.article_bloc_detail h2, 
.article_content .article_bloc_detail h2, 
.article_bloc_detail .action,
.article_content .article_bloc_detail .action{
	font-size: 10px;
	line-height: 11px;
	border: none;
	margin-bottom: 0;
	padding: 0;

}
.rub_violet .article_bloc .article_arrow{
	background-color: #9A4EBB;
}
.rub_orange .article_bloc .article_arrow{
	background-color: #F59450;
}
.article_visuel {
	position: relative;
}
.article_visuel_cartouche {
	background-image: url(../medias/bg-article-cartouche.png);
	left: 0px;
	position: absolute;
	top: 21px;
	width: 600px;
}
.article_visuel_cartouche h1 {
	margin: 28px 0px 0px 43px;
}
.article_visuel_cartouche h2 {
	margin: 0px 0px 0px 43px;
}

.article_box {
    padding: 16px 20px;    
}

.last_p {
    margin-bottom: 0 !important;
}

.padding30 {
	padding: 30px 0;
	margin: 0 !important;
}

.article_box_orange {
    background-color:#f8eee5;
}

.article_box_orange .list_valid {
	margin-bottom: 0;
}

.article_box_white {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	overflow: hidden;
}

.article_box_white a{
	margin-top: 20px;
}

.breadcrumbs{
	width: 100%;
	margin-bottom: 20px;
}
.breadcrumbs ul{
	float: left;
	width: 650px;
}
.breadcrumbs li {
	color: #666666;
	display: inline;
}
.breadcrumbs li a:link, .breadcrumbs li a:visited {
	text-decoration: none;
}
.breadcrumbs .back_button{
	font-size: 9px;
	text-transform: uppercase;
	font-family: 'gothambook';
	text-decoration: none;
	background-color: #666666;
	color: #fff;
}
.breadcrumbs li a:hover{
	text-decoration: underline;
}
.content_column {
	float: left;
	width: 50%
}
#content_final {
	min-height: 300px;
	padding: 60px 44px;
}
#content_final h1 strong {
	font-weight: bold;
}

.actions {
	clear: both;
	overflow: hidden;
}
.inputsubmit, a.action:link, a.action:visited {
	background-color: #666666;
	background-repeat: no-repeat;
	border: none;
	color: #FFFFFF;
	display: block;
	font-size: 9px;
	padding: 2px 3px 2px 3px;
	text-decoration: none;
	text-transform: uppercase;
}
.btn{
	line-height: 10px;
	height: 10px;
	display: inline-block;
	zoom: 1;*display: inline;
	padding: 2px 10px 2px 20px;
	text-decoration: none;
	background-color: #202020;
	color: #fff;
	font-size: 9px;
	text-transform: uppercase;
}

a.action_next:link, a.action_next:visited, .submit_next {
	background-image: url(../medias/link-next.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	padding: 2px 10px 2px 17px;
	text-decoration: none;
}
a.action_prev:link, a.action_prev:visited {
	background-image: url(../medias/link-prev.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	padding: 2px 10px 2px 20px;
}
a.action_pos_right:link{
	background-position: right center;
	padding-right: 16px;
	border-right: 4px solid #666666;
	padding-left: 10px;
}
.button {
	display: block;
}

.rub2 {
	/*display: none;*/
	overflow: hidden;
}
.rub2.active {
	display: block;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

a.link_action.link_download{
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding-right: 16px;
	color: #fff;
	border-right : 4px solid #000;
	background: url(../medias/actualites/link-download.png) no-repeat center right #000;
}
a.link_action.link_contact{
	padding-left: 16px;
	color: #fff;
	background: url(../medias/link-next.png) no-repeat 4px center #666666;
}
strong sup{
	font-family: 'gothambold';
}
sup{
	vertical-align: super;
	font-size: 8px;
	position: relative;
	top: 0px;
}
p:first-letter{
	text-transform: uppercase;
}

/* Helper */

#page .hide{
	display: none;
}
.clear{
	clear: both;
}
#page .fs_10{
	font-size: 10px;
}
.full_width{
	width: 100%;
}
#page .mb_40{
	margin-bottom: 40px;
}
#page .mb_0{
	margin-bottom: 2px;
}
#page .mb_20{
	margin-bottom: 20px;
}
#page #content_final .pl_16{
	padding-left: 16px;
}
.mr_10{
	margin-right: 10px;
}
.w_216{
	width: 216px;
}
.w_280{
	width: 280px;
}
.w_610{
	width: 610px;
}
.w_566{
	width: 566px;
}
.pl_36{
	padding-left: 36px;
}
.pl_10{
	padding-left: 10px;
}
.upper{
	text-transform: uppercase;
}
#page a.bg_violet{
	background-color: #994ebb;
}
.action_left {
	float: left;
}
.action_right {
	float: right;
}
.w_638{
	width: 638px;
}
.pt_40{
	padding-top: 40px;
}
.pt_60{
	padding-top: 60px;
}
.pt_30{
	padding-top: 30px;
}
.pb_20{
	padding-bottom: 20px;
}
#page .tt_capitalize{
	text-transform: capitalize;
}
.fs_24{
	font-size: 24px;
}
.center{
	text-align: center;
}
#page .light{
	font-family: 'gothamlight';
}

/* eMag */

.emag_wrap{
	position: relative;
}
.emag_wrap.article_visuel {
	height: 492px;
}
.emag_content{
	position: absolute;
	top: 30px;
	left: 30px;
}
.emag .links{
	position: absolute;
	right: 30px;
	top: 30px;
}
.emag_content p{
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 18px;
}
a.emag_button{
	background: url(../medias/arrow-right-black.png) 5px center #c7db58 no-repeat;
	padding: 0 10px 0 22px;
	height: 15px;
	text-decoration: none;
	color: #434242;
	font-size: 9px;
	line-height: 15px;
}

/* Wrap article */

#content_final .rub2_link{
	display: block;
	color: #994ebb;
	text-decoration: none;
	font-size: 16px;
	padding: 10px 0;
	border-bottom: 1px solid #ababab;
}
.wrap_rub2_link{
	padding-top: 36px;
	margin-bottom: 26px;
	clear: both;
	overflow: hidden;
	background: url(../medias/offres/volet-sprite.png) right 58px no-repeat;
}
#page .wrap_rub2_link.active{
	background-position: right -36px;
}
.wrap_rub3_link:first-child{
	margin: 5px 0 0px 0px;
}
.wrap_rub3_link{
	background: url(../medias/offres/icon-arrow-violet.png) no-repeat center left;
	clear: both;
	color: #994EBB;
	display: block;
	font-size: 14px;
	margin: 35px 0 0px 0px;
	padding: 0px 0 0px 15px;
	text-decoration: none;
	text-transform: uppercase;
}
.overlay{
	width: 100%;
	background : url(../medias/bg_opacity_50.png);
	height: 100%;
	position: fixed; top: 0; left: 0;
	z-index: 1000;
}

/* Article */

.article_content p, .article_content li{
	font-family: 'gothambook';
	font-size: 13px;
	margin-bottom: 18px;
	line-height: 15px;
}
.article_content strong{
	font-family: 'gothambold';
}
.article_content h2{
	line-height: 26px;
	font-size: 24px;
	padding-bottom: 8px;
	border-bottom: 1px solid #afaeac;
	margin-bottom: 30px;
}
.article_content h3{
	font-size: 15px;
	margin-bottom: 14px;
	font-family: 'gothamblack';
	text-transform: uppercase;
}
.article_content h2 strong{
	font-family: 'gothamblack';
}
.article_content .col_left{
	float: left;
	width: 434px;
	margin-right: 48px;
}
.article_content .col_left.small_marge{
	margin-right: 12px;
}
.article_content .col_left.large{
	width: 470px;
	margin-right: 30px;
}
.article_content .col_left.x_large{
	width: 500px;
}
.article_content .col_left.col_item{
	width: 230px;
	text-align: center;
}
.article_content .col_left.col_item1027{
	width: 167px;
	text-align: center;
}
.article_content .col_right_item1027{
	float: left;
	width: 600px;
}
.article_content .col_min{
	width: 390px;
}
.article_content .col_right.col_min{
	width: 370px;
	padding: 0;
}
.article_content .col_right{
	padding-top: 52px;
	float: left;
}
.article_content .col_right.small_title{
	padding-top: 33px;
}
.article_content .col_right.big_title{
	padding-top: 88px;
}
.article_content .inner_col_left{
	width: 196px;
	float: left;
}
.article_content .col_right.col_with_link {
    text-align: right;  
    margin-left: 50px;
    padding-top: 60px;
}
.article_content .col_right.col_with_link img{
    display: block;
    margin-bottom: 25px;
}

.article_content .col_right.col_width_link .link_action{
    float:none;
}

.article_content .inner_col_left.plus_vert{
	padding-left: 42px;
	background: url(../medias/offres/plus_vert.png) 0 0 no-repeat;
}
.article_content .inner_col_left.plus_orange{
	padding-left: 40px;
	background: url(../medias/offres/plus_orange.png) 0 0 no-repeat;
}
.article_content .actions{
	margin-bottom: 30px;
}

#gaz_plus_interne_simulateur {
	position: relative;
	margin: 30px 0 50px 0;
	height: 80px;
}

#gaz_plus_interne_simulateur img {
	float:left;
	margin-left: 20px;
	margin-right: 15px;
}

#gaz_plus_interne_simulateur p {
	font-size: 11px;
	margin-bottom: 0px;
}

#gaz_plus_interne_simulateur a {
 	position: absolute;
 	bottom: 0;
 	right: 13px;
}


/*.article_content .download_grid {
    float: none;   
    margin: 25px auto 5px auto;
    padding: 0 50px;
}

.article_content .download_grid p{
	font-size: 12px;
}

.download_grid_header {
	margin-top: 30px;
}

.download_grid_header h3 {
	font-size: 14px;
	margin-bottom: 6px;
}

.article_content .download_column {
    position: relative;    
    width: 325px;
    height: 190px;
    float: left;
    margin-bottom: 45px;
}

.article_content .download_column.secondRow {
	margin-bottom: 30px;
}

.article_content .download_column.margin_right
{
    margin-right: 40px;   
}

.article_content .download_column img {
    display: block;
    position: absolute;
    bottom: 0px;
    left:0;
}

.article_content .download_column .right{
    position: absolute;
    
    bottom: 5px;
    right:0;
    text-align: left;   
    width:170px;
}

.article_content .download_column .right p {
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 0;
}

.article_content .download_column .right a
{   
    margin-top: 14px;
}*/


.download_grid 
{
	padding: 5px 10px 15px 20px;
	margin:0;
	overflow: hidden;
}

.download_grid_header {
	margin-top: 30px;	
}

.download_grid .download_column
{
	position: relative;    
	width:260px;   
    height: 220px;
    float: left;
    margin-bottom: 35px;
}

#gaz_plus_grid.download_grid .download_column
{
	width: 330px;
	height: 190px;
	margin-bottom: 15px;
}

#gaz_plus_grid.download_grid .download_column .right
{
	bottom: 0;
	top: auto;
	width: 180px;
}

#gaz_plus_grid.download_grid .download_column.download_column a
{
	position:relative;
	float: none;
}

#gaz_plus_grid.download_grid .download_column img
{
	position:absolute;
	bottom: -4px;
	top:auto;
}

.download_column a {
	position: absolute;
	bottom: 0;
	left: 2px;
}

.download_column img {
    display: block;
    position: absolute;
    top: 0px;
    left:0;
}

.download_column .right p{
	font-size: 11px;
	margin-bottom: 0px;
}

.download_column .right a{
	margin-top: 5px;
	float:right;
}

.download_grid .download_column.margin_right
{
	margin-right: 50px;
}

.download_grid .download_column .right
{
	position: absolute;
	top: 3px;	
    width: 105px;
    right: 0;
    text-align: left;   
}

.download_grid .download_column_vertical
{
	position: relative;
	width:180px;
	height: 220px;
	float:right;
	text-align: right;
}

.download_grid .download_column_vertical img
{
	margin-bottom: 10px;
	margin-right: 8px;
}

.download_grid .download_column_vertical p
{ 
	width: 130px;
	font-size: 11px;
	margin-bottom: 5px;
	text-align: left;
}

.download_grid .download_column_vertical a
{ 
	/*margin-top: 20px;
	margin-bottom: 35px;*/
	position: absolute;
	bottom: 0;
	right: 2px;
}

.download_grid .download_column_vertical .right
{
	float: right;
	margin-right: 8px;
}

.download_row {
	margin-top: 30px;
	padding-left: 20px;
	float:none;
	clear: both;
	overflow: hidden;
	position: relative;
}

.download_row img{
	float: left;
	margin-right: 10px;
}


.download_row p{
	font-size: 11px;
	margin-bottom: 0px;
}

.download_row a{
	margin-top: 5px;
	float:right;
}

#article-note{
	border:1px solid #dfdedc;
	height: 26px;
	line-height: 26px;
	width: 100%;
	margin-bottom: 20px;
}

.mentions {
    clear: both;   
    margin-bottom: 20px;
    color: #828282;
    font-size: 10px;
    line-height: 12px;
    text-align: justify;
}

.note{
	padding-left: 10px;
	font-family: 'gothambook';
	font-size: 11px;

}
.action_note{
	font-family: 'gothambook';
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 10px;
}
.action_note.rate{
	background: url(../medias/offres/icon-pencil.png) right 0 no-repeat;
	padding-right: 20px;
}
.info_note{
	margin-right: 10px;
	text-transform: uppercase;
}
.note ul{
	display: inline-block;
	zoom: 1;*display: inline;
	vertical-align: middle;
}
.inline-block{
	display: inline-block;
	zoom: 1;*display: inline;
}
.is_rating li{
	cursor: pointer;
}
.note li{
	float: left;
	display: inline-block;
	width: 15px; height: 15px;
	background:url(../medias/offres/star-sprite.png) no-repeat 0 0;
}
.note li.disabled{
	background-position: 0 bottom;
}
.autre_offre{
	width: 100%;
}
.autre_offre a{
	background-color: #666666;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 9px;
	font-family: 'gothambook';
}
.offre_simulateur{
	width: 898px;
	height: 496px;
	margin-left: -44px;
	background: url(../medias/offres/visuel-1029.jpg) 0 0 no-repeat;
}
.simulateur_content{
	padding: 30px;
}
.list_valid{
	margin-bottom: 20px;
}
.list_valid li{
	margin-bottom: 2px; padding-left: 17px; 
}
.article_box_orange .list_valid li {margin-bottom: 0;}

.list_valid li:first-letter{
	text-transform: capitalize;
}

.list_valid_blue li{
	background: url(../medias/offres/icon-valid-blue.png) no-repeat 0 4px;
}
.list_valid_bordeau li{
	background: url(../medias/offres/icon-valid-bordeau.png) no-repeat 0 4px;
}
.list_valid_vert li{
	background: url(../medias/offres/icon-valid-vert.png) no-repeat 0 4px;
}
.list_valid_turquoise li{
	background: url(../medias/offres/icon-valid-turquoise.png) no-repeat 0 4px;
}
.list_valid_bleu_fonce li{
	background: url(../medias/offres/icon-valid-bleu_fonce.png) no-repeat 0 4px;
}
.list_valid_reso li{
	background: url(../medias/offres/icon-valid-reso.png) no-repeat 0 4px;
}
.list_valid_asperge li{
	background: url(../medias/offres/icon-valid-asperge.png) no-repeat 0 4px;
}
.list_valid_violet li{
	background: url(../medias/offres/icon-valid-violet.png) no-repeat 0 4px;
}
.list_valid_orange li{
	background: url(../medias/offres/icon-valid-orange.png) no-repeat 0 4px;
}
.list_valid_orange_clair li{
	background: url(../medias/offres/icon-valid-orange-clair.png) no-repeat 0 4px;
}
.list_valid_jaune li{
	background: url(../medias/offres/icon-valid-jaune.png) no-repeat 0 4px;
}
.list_arrow_orange li{
	background: url(../medias/offres/icon-arrow-orange.png) no-repeat 0 4px;
}
.list_arrow_grey li{
	background: url(../medias/offres/arrow-grey.png) no-repeat 0 4px;
}
.list_arrow_violet li{
	background: url(../medias/offres/icon-arrow-violet.png) no-repeat 0 4px;
}
.list_arrow_marine li{
	background: url(../medias/common/icon-arrow-marine.png) no-repeat 0 4px;
}
.list_arrow_red li{
	background: url(../medias/common/icon-arrow-red.png) no-repeat 0 4px;
}
.list_arrow_asperge li{
	background: url(../medias/common/icon-arrow-asperge.png) no-repeat 0 4px;
}
.list_arrow_beige li{
	background: url(../medias/common/icon-arrow-beige.png) no-repeat 0 4px;
}
.list_arrow_darkred li{
	background: url(../medias/common/icon-arrow-darkred.png) no-repeat 0 4px;
}
.list_arrow_darkgreen li{
	background: url(../medias/common/icon-arrow-darkgreen.png) no-repeat 0 4px;
}
.list_point_violet li{
	background: url(../medias/offres/icon-point-violet.png) no-repeat 0 4px;
}

.plus_orange_clair{
	background: url(../medias/offres/plus_orange_clair.png) no-repeat 0px 8px;	
}

.bg_orange{background-color: #e7814e;}
#page .bg_barbeau{background-color: #879AAC;}
#page .blanc{color: #fff;}
#page .bg_turquoise{background-color: #0f91c5;}
.blue{color: #18387f;}
.bordeau{color: #5b0412;}
.vert{color: #388d3f;}
.violet{color: #994ebb;}
.turquoise{color: #0bb1b6;}
.bleu_fonce{color: #1f4f6d;}
.asperge{color: #608554;}
.orange{color: #e7814e;}
.orange_clair{color: #f5923b;}
.melon{color: #c1a405;}
.olive{color: #a4ba3f;}
.jaune{color: #edbe00;}
.pin{color: #3baca4;}
.gris{color: #828282;}
#page .barbeau{color: #879AAC;}
#page .marine{color: #00aae1;}
.article_content p.condition{font-family: 'gothambookitalic'; font-size: 9px; color: #666666; line-height: 12px;}
#page p em{font-family: 'gothambookitalic'; font-size: 11px;line-height:5px;}
/*page footer*/

#footer{
	bottom: 0;
	width: 100%;
	background-color: #fff;
}
#footer_content{
	padding: 40px 0;
}
#footer_content *{
	font-family: Arial;
}
#footer_content h2{
	background-color: #4997CD;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	color: #FFFFFF;
	font-family: helvetica45light,helvetica,sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	padding: 5px 17px 5px 5px;
	text-transform: uppercase;
	display: inline-block;
	zoom: 1;*display: inline;
	margin-bottom: 20px;
}
#footer_content h3 {
	color: #4997CD;
	font-family: helvetica45light,helvetica,sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	margin: 0 0 10px;
}
#footer_content .footer_content_inner{
	padding: 0 50px;
}
#footer_content p {
	line-height: 1.2;
	margin: 0 0 10px;
}
#sidebar_menu .credits_index a {
	background-image: url(../medias/menu-credits-index.png);
}
#sidebar_menu .mentions_index a {
	background-image: url(../medias/menu-mentions-index.png);
}

/*Date picker*/
.ui-datepicker-title{
	font-size: 14px;
}
.ui-datepicker-month{
	font-family: 'gothamblack';
}
.ui-datepicker-year{
	font-family: 'gothamlight';
}
.ui-datepicker-calendar thead th span,
.ui-datepicker-calendar tbody td{
	font-size: 10px;
}
.ui-datepicker td span, 
.ui-datepicker td a{
	text-align: center;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
}
.ui-datepicker-today  a,
.ui-datepicker-today .ui-state-active:link, 
.ui-datepicker-today .ui-state-active:visited, 
.ui-datepicker-today .ui-state-active:hover{
	font-family: 'gothamblack';
	background-color: #dce9d4 !important;
	color: #99a391 !important;
}
.ui-datepicker-calendar a{
	cursor: inherit;
}
.ui-state-active:link, .ui-state-active:visited, .ui-state-active:hover{
	font-weight: normal;
	color: #5D5D5D;
}
#page .ui-datepicker .ui-datepicker-prev-hover{
	cursor: pointer;
	left: 2px;
	top: 2px;
}
#page .ui-datepicker .ui-datepicker-next-hover{
	cursor: pointer;
	right: 2px;
	top: 2px;
}
.show-hide{
	cursor: pointer;
}
/* recherche */

.recherche_content h2 span{
	font-size: 14px;
}
.recherche_content h3{
	font-family: 'gothambook';
	font-size: 16px;
	text-transform: none;
	padding-bottom: 6px;
	background: url(../medias/volet-sprite-gris.png) no-repeat right 20px;
}
.recherche_content#content_final h3 a{
	color: #5D5D5D;
}
.recherche_content h3.active{
	background-position: right -52px;
}
.recherche_content #content_final  a.rub2_link{
	color: #5D5D5D;
}
.recherche_content h3 strong{
	text-transform: uppercase;
	font-family: 'gothammedium';
}
.recherche_content h4{
	font-family: 'gothammedium';
}
.recherche_content li a{
	text-decoration: none;
}
p strong{
	font-family: 'gothambold';
}
.strong{
	font-family: 'gothambold';
}
/* popin */
.carousel_wrap{
	position: fixed;
	width: 100%; height: 100%;left: 0; top: 0;
	visibility: hidden;
}
.carousel_popin{
	width: 700px;
	height: 594px;
	/*background: url(../medias/outils/popin/bg_carousel.png) 0 0 no-repeat;*/
	background-color: #fff;
	position: fixed;
	top: 50%;margin-top: -297px;
	left: 50%; margin-left: -350px;
	text-align : center;
	line-height: 594px;
	overflow: hidden;
}
#construction_carousel_images{
height: 594px;
}
.carousel_popin img{
	display: inline;
	vertical-align: middle;
}
.carousel_popin .close{
	z-index: 5;
	line-height: 20px;
	position: absolute;
	top: 20px;
	right: 20px;
}
.right_carousel{
	line-height: 20px;
	right: 20px;
	top: 50%;
	position: absolute;
}
.left_carousel{
	line-height: 20px;
	left: 20px;
	top: 50%;
	position: absolute;
}

.open_popin{
	cursor: pointer;
}

.offres #content_final,
.outils #content_final{
	padding: 30px 44px;
}
.visu_actu {
	text-align:center;
}

.slideshow {
	width: 100%;
	height: 600px;
	overflow: hidden;
}
#content_inner .slideshow {
	background-color: #000000;
}
.slideshow li {
	width: 100%;
	height: 599px;
	overflow: hidden;
	position: relative;
}
.slideshow img { 
	overflow: hidden;
}

/******* 1137 *****/

.download_grill {
    margin: 0;
    padding: 5px 10px 0 20px;
}
.download_grill .download_column_vertical {
    float: left;
    position: relative;
    text-align: center;
    width: 210px;
	height: 270px;
	margin-bottom: 40px;
	margin-left: 30px;
}
.download_grill p {
	font-size: 11px;
}
.download_grill .btn {
	position: absolute;
	bottom: 0px;
	left: 37px;
}
.article_box_bleu {
    background-color: #e1f1f1;
	padding: 20px 20px 8px 20px;
	margin: 0px 50px;
	text-align:center;
}
.list_prime li {
    margin-bottom: 12px;
}
.title_article {
	padding: 0px 0px 5px 45px;
	text-transform: uppercase;
	color:#2a2a2a;
	font-family: "gothammedium" !important; 
}
.un_1137 {
	background: url("../medias/offres/un_1137.jpg") no-repeat scroll left top;
}
.deux_1137 {
	background: url("../medias/offres/deux_1137.jpg") no-repeat scroll left top;
}
.blue_1137 {
	color:#00afb9;
	font-size: 18px;	
}
.article_content .col_left {
    float: left;
    margin-right: 40px;
    width: 460px;
}
.mentions {
	color: #272727;
	font-style: italic;	
}
.mentions p {
	margin-bottom: 30px;
	font-style: normal;
	color: #00afb9;
	font-family: "gothamblack" !important; 
}

/***** CADRE ****/

#cadre_grey {
    background: none repeat scroll 0 0 #e5e5e5;
    border: 1px solid #686868;
    margin-bottom: 30px;
    padding: 30px 0 10px 17px;
    text-align: center;
}
#cadre_grey p {
    margin-bottom: 20px;
}
#cadre_grey a {
   color: #393939;
}

/***** TOP CRENEAU *****/

#top_creneau {
	background: #0fa4d7 url("../medias/offres/fd_creneau.jpg") no-repeat right top;
	padding: 20px;
	margin: 0px 0px 25px 0px;
	color: #FFFFFF;
	clear: both;
	position: relative;
	font-family: 'gothambook';
	letter-spacing: normal;
	height: 185px;
}
#top_creneau p {
	margin: 0px 0px 15px 0px;
	font-size: 12px;
}
#top_creneau .title_white {
	margin: 0px 0px 20px 0px;
	font-size: 18px;
	font-family: 'gothambold';
}
#videos object, #videos video {
	display: block;
/* 	margin-left: 85px; */
}
.reso {color:#5b7bae;}

#arct_1143 .col_un {
    float: left;
    width: 530px;
	text-align: left;
	padding-top: 10px;
}
#arct_1143 .col_deu {
    float: left;
	margin-right: 30px;
}
#arct_1143 .col_deu img {
	height: 230px;
	width: 160px;
}
#reso_grid
{
	border:1px solid #e2e1e0;
	padding: 20px 0px 0px 30px;
	margin: 20px 0px 20px 0px;
}
#reso_grid p.gray
{
	margin: 10px 0px 0px 0px;
}
#reso_grid.download_grid .download_column
{
	width: 330px;
	height: 190px;
	margin-bottom: 15px;
}
#reso_grid.download_grid .download_column .right
{
	top: 10px;
	width: 180px;
}
#reso_grid.download_grid .download_column a
{
	position: relative;
	float:none;
}
#reso_grid.download_grid .download_column img
{
	position:absolute;
	top: 0px;
}
#reso_grid h3
{
	text-transform: none;
	font-family: "gothambook";
}

#videos, #player-video-flash {
	display:none;
}
.profil_convention {
	display:none;
}

p.box-neg {
	position:relative;
	top:0;
	left:-43px;
}
#form-tdfv input[type=text] {
	width:235px;
	border:1px solid #757473;
	padding:5px;
}
#form-tdfv input[type=text].error {
	background-color:#ffcccc;
}
#form-tdfv label.error {
	color:#ff2233;
	font-weight:bold;
}
#form-tdfv input[type=submit] {
	padding:5px 20px 15px;
	border:medium none;
	
}
.tdfv-merci {
/* 	display:none; */
}
#cardif{ position:relative; margin-bottom:50px;}
#cardif .col_right{ padding-top: 0px;}
#cardif a.link_action.link_download { background-image:inherit; padding-right:10px; padding-left:12px;}

.intro_cardiff { margin-bottom:30px;}
.black {color:#444; font-weight:bold;}
.strg {color:#444; font-weight:bold; font-size:18px;}
p.mentions { font-size:9px;}

