@charset "UTF-8";

/*@font-face {
	font-family: 'Expressway';
	src: url('font/expressway.ttf') format("truetype");
}*/



body {
	background-image:url(../img/tpl/bg_body.png);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	cursor:default;
}
body.crea { background-image:url(../img/tpl/bg_body_crea.png); }
body.print { background-image:url(../img/tpl/bg_body_print.png); }
body.web { background-image:url(../img/tpl/bg_body_web.png); }
body.pub { background-image:url(../img/tpl/bg_body_pub.png); }

a img {
	border:none;
}

a {
	color:#000;
}

a.javascript {
	cursor:pointer;
}



#plupperSideBadge {
	z-index:10;
}
div.bg_black {
	position:fixed;
	background-color:#000;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:50;
	display:none;
}


div.header, div.header div.slogan, div.slide div.slide-content, div.slide div.slide-txt-content, div.page, div.menu, div.footer {
	width:960px;
	margin:auto;
}

div.clear {
	clear:both;
}


div.header {
	background-image:url(../img/tpl/bg_page.png);
	background-position:center;
	height:96px;
	position:relative;
}

div.header div.slogan {
	height:20px;
	position:absolute;
	z-index:2;
	top:46px;
	width:966px;
	left:0px;
	background-color:#FFF;
}
div.header div.slogan img {
	position:absolute;
	right:6px;
	top:3px;
}
div.header div.logo {
	position:absolute;
	top:6px;
	left:-70px;
	width:180px;
	height:133px;
	z-index:10;
}


div.slide {
	position:relative;
	width:100%;
	height:260px;
	background-image:url(../img/tpl/bg_slide.png);
	background-repeat:repeat-x;
	z-index:1;
	background-position:0px 0px;
}
div.slide div.slide-txt {
	position:absolute;
	width:100%;
	height:35px;
	top:190px;
	left:0px;
	z-index:3;
	background-image:url(../img/tpl/bg_slide-txt_pix.png);
	background-position:0px 0px;
}
div.slide div.slide-content {
	background-color:#000;
	height:260px;
	z-index:2;
	background-image:url(../img/tpl/slide_1.jpg);
	background-position:0px 0px;
}
div.slide div.slide-txt-content {
	background-image:url(../img/tpl/bg_slide_txt.png);
	height:35px;
	background-position:0px 0px;
}





div.menu {
	background-image:url(../img/tpl/bg_page.png);
	background-position:center;
	background-repeat:repeat-y;
	margin-top:10px;
}
div.menu ul, div.menu li {
	margin:0;
	padding:0;
	list-style:none;
}
div.menu ul.menu li {
	width:232px;
	position:relative;
	height:48px;
	float:left;
	margin-right:10px;
	background-position:0px 0px;
}
div.menu ul.menu li a {
	position:absolute;
	top:0px;
	left:0px;
	width:232px;
	height:48px;
	z-index:5;
}


div.menu ul.menu li.crea { background-color:#2CA5DD; border-top:5px solid #2CA5DD }
div.menu ul.menu li.print { background-color:#6EA81E; border-top:5px solid #6EA81E; margin-right:11px }
div.menu ul.menu li.web { background-color:#BD5B9C; border-top:5px solid #BD5B9C; margin-right:11px }
div.menu ul.menu li.pub { background-color:#EB8B00; border-top:5px solid #EB8B00; margin-right:0px }

div.menu ul.menu li div.titre {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:48px;
	background-image:url(../img/tpl/bg_dep_titre.png);
	background-position:0px 0px;
	z-index:3;
}
div.menu ul.menu li div.titre div.content {
	width:100%;
	height:48px;
	background-position:0px 0px;
}
body.home ul.menu, body.home ul.menu li div.titre, body.home ul.menu li, body.home ul.menu li a {
	height:174px;
}

body.home div.menu ul.menu li.pub { background-image:url(../img/tpl/dep_pub_img.jpg); }
div.menu ul.menu li.pub div.titre div.content { background-image:url(../img/tpl/dep_pub_titre_48.png); }
body.home div.menu ul.menu li.pub div.titre div.content { background-image:url(../img/tpl/dep_pub_titre.png); }
body.home div.menu ul.menu li.web { background-image:url(../img/tpl/dep_web_img.jpg); }
div.menu ul.menu li.web div.titre div.content { background-image:url(../img/tpl/dep_web_titre_48.png); }
body.home div.menu ul.menu li.web div.titre div.content { background-image:url(../img/tpl/dep_web_titre.png); }
body.home div.menu ul.menu li.print { background-image:url(../img/tpl/dep_print_img.jpg); }
div.menu ul.menu li.print div.titre div.content { background-image:url(../img/tpl/dep_print_titre_48.png); }
body.home div.menu ul.menu li.print div.titre div.content { background-image:url(../img/tpl/dep_print_titre.png); }
body.home div.menu ul.menu li.crea { background-image:url(../img/tpl/dep_crea_img.jpg); }
div.menu ul.menu li.crea div.titre div.content { background-image:url(../img/tpl/dep_crea_titre_48.png);	 }
body.home div.menu ul.menu li.crea div.titre div.content { background-image:url(../img/tpl/dep_crea_titre.png);	 }






div.page {
	width:960px;
	margin-top:40px;
	padding-bottom:60px;
	background-image:url(../img/tpl/bg_page.png);
	background-position:top center;
	background-repeat:repeat-y;
	text-align:justify;
}
div.page.alone {
	margin-top:80px;
}




div.footer {
	position:relative;
	text-align:right;
	padding-right:20px;
	padding-left:20px;
	width:920px;
	height:120px;
	color:#333;
	text-align:center;
	background-image:url(../img/tpl/bg_footer.png);
	border-top:5px solid #FFF;
	border-bottom:5px solid #FFF;
}
div.footer p {
	margin-top:4px;
	margin-bottom:4px;
}
div.footer a {
	color:#333;
	text-decoration:none;
}
div.footer a.plan {
	background-color:#FFF;
	border-radius:10px;
	font-weight:normal;
	font-size:9px;
	color:#666;
	padding-left:5px;
	padding-right:5px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
div.footer a:hover {
	text-decoration:underline;
}
div.footer img.flashcode {
	float:left;
}
div.footer div.adresse {
	width:280px;
	float:right;
	margin-top:10px;
	font-weight:bold;
	text-align:right;
	font-size:14px;
}
p.annexe {
	width:920px;
	padding-left:20px;
	padding-top:4px;
	padding-right:20px;
	padding-bottom:5px;
	margin:auto;
	margin-top:0px;
	text-align:right;
	color:#AAA;
	font-size:9px;
	background-image:url(../img/tpl/bg_page.png);
}
p.annexe img {
	float:left;
}
p.annexe span {
	float:left;
	text-align:left;
	margin-left:10px;
}
p.annexe a {
	color:#999;
	text-decoration:none;
}
p.annexe a:hover {
	text-decoration:underline;
}







h1 {
	text-transform:lowercase;
	font-family:"ITC Avant Garde Gothic Pro", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#333;
	margin-top:60px;
	text-align:left;
	line-height:1.1em;
}
h2 {
	text-transform:lowercase;
	font-family:"ITC Avant Garde Gothic Pro", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333;
	margin-top:40px;
}
h2 a {
	color:#333;
	text-decoration:none;
}
h2 a:hover {
	text-decoration:underline;
}
body.print h1, h1.print { color:#6EA81E; }
body.crea h1, h1.crea { color:#2CA5DD; }
body.web h1, h1.web { color:#BD5B9C; }
body.pub h1, h1.pub { color:#EB8B00; }


a.crea, a.print, a.web, a.pub { font-weight:bold; text-decoration:none; }
a.crea img, a.print img, a.web img, a.pub img { vertical-align:top }
a.crea { color:#2CA5DD }
a.print { color:#6EA81E }
a.web { color:#BD5B9C }
a.pub { color:#EB8B00 }


div.col {
	width:920px;
	padding-left:20px;
	padding-right:20px;
}
div.col-1 {
	width:240px;
	padding-left:20px;
	padding-right:20px;	
	float:left;
	position:relative;
}
div.col-1 a {
	color:#000;
}
div.col-1 h1, body.page.web.questions div.col-2 h1, body.page.web.questions div.col-3 h1 {
	font-size:20px;
	margin-bottom:6px;
}
div.col-2-3 {
	width:620px;
	padding-left:20px;
	padding-right:20px;
	float:right;
}
div.col-2 {
	width:260px;
	padding-left:20px;
	margin-left:20px;
	float:left;
}
div.col-3 {
	width:260px;
	padding-left:20px;
	padding-right:20px;
	float:right;
}
div.col-1-2 {
	width:560px;
	float:left;
	padding-left:20px;
	padding-right:20px;
}



div.lien {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	font-size:10px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	-moz-box-shadow: 0px 0px 10px #CCC;
	-webkit-box-shadow: 0px 0px 10px #CCC;
	box-shadow: 0px 0px 10px #CCC;
}
div.lien a { text-decoration:none; display:block; color:#000; padding:10px; padding-left:70px }
div.lien.crea { color:#2CA5DD; background-image:url(../img/tpl/lien_crea.jpg); }
div.lien.crea a {color:#2CA5DD }
div.lien.crea:hover {
	-moz-box-shadow: 0px 0px 10px #2CA5DD;
	-webkit-box-shadow: 0px 0px 10px #2CA5DD;
	box-shadow: 0px 0px 10px #2CA5DD;	
}
div.lien.print { color:#6EA81E; background-image:url(../img/tpl/lien_print.jpg); }
div.lien.print a {color:#6EA81E }
div.lien.print:hover {
	-moz-box-shadow: 0px 0px 10px #6EA81E;
	-webkit-box-shadow: 0px 0px 10px #6EA81E;
	box-shadow: 0px 0px 10px #6EA81E;	
}
div.lien.web { color:#BD5B9C; background-image:url(../img/tpl/lien_web.jpg); }
div.lien.web a {color:#BD5B9C }
div.lien.web:hover {
	-moz-box-shadow: 0px 0px 10px #BD5B9C;
	-webkit-box-shadow: 0px 0px 10px #BD5B9C;
	box-shadow: 0px 0px 10px #BD5B9C;	
}
div.lien.pub { border:1px solid #EB8B00; color:#EB8B00 }
div.lien.pub a {color:#EB8B00 }
div.lien.contact { color:#D30; background-image:url(../img/tpl/lien_contact.jpg); }
div.lien.contact a { color:#D30; }
div.lien.contact:hover {
	-moz-box-shadow: 0px 0px 10px #D30;
	-webkit-box-shadow: 0px 0px 10px #D30;
	box-shadow: 0px 0px 10px #D30;	
}






div.offre-web {
	position:relative;
	height:92px;
	padding:4px;
	padding-left:20px;
	padding-right:20px;
	margin:auto;
	font-size:10px;
	margin-bottom:10px;
}
div.offre-web-1 { width:500px; background-image:url(../img/tpl/bg_offre-web_1.png); }
div.offre-web-2 { width:520px; background-image:url(../img/tpl/bg_offre-web_2.png); }
div.offre-web-3 { width:540px; background-image:url(../img/tpl/bg_offre-web_3.png); }
div.offre-web-4 { width:560px; background-image:url(../img/tpl/bg_offre-web_4.png); }
div.offre-web-5 { width:580px; background-image:url(../img/tpl/bg_offre-web_5.png); }

div.offre-web h2 {
	margin:0px;
	padding:0px;
}
div.offre-web h2 span.desc {
	margin-left:10px;
	font-size:12px;
	text-transform:uppercase;
	color:#BD5B9C;
}
div.offre-web p {
	margin-left:40px;
	margin-top:6px;
	width:380px;
}
div.offre-web div.prix {
	position:absolute;
	bottom:6px;
	text-align:right;
	right:20px;
	font-size:18px;
	color:#BD5B9C;
}



div.portfolio-bloc {
	float:left;
	width:120px;
	height:90px;
	background-color:#CCC;
	border:5px solid #CCC;
	margin-right:20px;
	margin-bottom:20px;
}
body.pub div.portfolio-bloc:hover {
	border-color:#EB8B00;
	background-color:#EB8B00;
}
body.crea div.portfolio-bloc:hover {
	border-color:#2CA5DD;
	background-color:#2CA5DD;
}



/* jCAROUSEL */
.jcarousel-skin-tango .jcarousel-container {
    width: 540px;
    padding: 0px 40px;
	display:block;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 540px;
    height: 150px;
	overflow:hidden;
}
.jcarousel-skin-tango .jcarousel-item {
    height:150px;
	float:left;
	width:200px;
	list-style:none outside none;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal, .jcarousel-skin-tango .jcarousel-prev-horizontal {
    position:absolute;
    top: 50%;
	margin-top:-16px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-image:url(../img/tpl/jcarousel_btn.png);
	background-repeat:no-repeat;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
    right: 0px;
	background-position:-65px 0px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    left: 0px;
	background-position:0px 0px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -32px 0;
}



body.news div.image-news {
	margin-bottom:20px;
	border:5px solid #FFF;
}
body.news div.image-news.left {
	float:left;
	margin-right:20px;
}
body.news div.image-news.right {
	float:right;
	margin-left:20px;
}
body.news div.news {
	margin-bottom:100px;
}


ul.mini-news {
	margin:0px;
	margin-left:40px;
	padding:0px;
	list-style:none;
}
ul.mini-news li {
	margin-bottom:10px;
	padding-bottom:10px;
}
ul.mini-news li div.image-news {
	width:80px;
	float:left;
	margin-right:20px;
	text-align:center;
}
ul.mini-news li p.titre-news {
	font-size:16px;
	margin:0;
	text-align:left;
	width:420px;
	float:right;
}
ul.mini-news li p.contenu-news {
	font-size:10px;
	width:420px;
	float:right;
	margin:0;
	color:#999;
}
ul.mini-news li p.contenu-news a {

}




/* PAIEMENT EN LIGNE */
body.cb div.cb-form, body.suivi div.suivi-form {
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	background-color:#FFF;
	border:1px solid #CCC;
	width:300px;
	margin:auto;
	margin-top:40px;
	padding:20px;
}
body.cb div.cb-form table, body.suivi div.suivi-form table {
	border-collapse:collapse;
	margin:auto;
	margin-bottom:20px;
}
body.cb p.formEchec, body.suivi p.formEchec {
	color:#F00;
	font-size:10px;
	margin-top:0px;
	margin-bottom:20px;
	text-align:center;
}
body.cb div.cb-form input, body.suivi div.suivi-form input {
	border:1px solid #DDD;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	width:100%;
	background-image:url(../img/tpl/bg_input.png);
	background-repeat:repeat-x;
	background-position:top;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
body.cb div.cb-form table td, body.suivi div.suivi-form table td {
	padding-top:3px;
	padding-bottom:3px;
	vertical-align:middle;
}
body.cb div.cb-form table td.formLabel, body.suivi div.suivi-form table td.formLabel {
	width:110px;
	padding-right:10px;
	font-size:10px;
	vertical-align:top;
	text-align:left;
}
body.cb div.cb-form table td.formChamp, body.suivi div.suivi-form table td.formChamp {
	width:130px;
}
body.cb div.cb-form table td.formChamp input, body.suivi div.suivi-form table td.formChamp input {
	width:80px;
}
body.cb div.cb-form input.formBtn, body.suivi div.suivi-form input.formBtn {
	background:none;
	background-color:#FFF;
	border-radius:10px;
	font-weight:normal;
	color:#666;
	width:120px;
	margin:auto;
	cursor:pointer;
	display:block;
	padding-left:5px;
	padding-right:5px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
body.cb div.cb-form input.formBtn:hover, body.suivi div.suivi-form input.formBtn:hover {
	background-color:#EEE;
}



body.cb div.cb-inf {
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	background-color:#FFF;
	border:1px solid #CCC;
	width:420px;
	margin:auto;
	margin-top:20px;
	margin-bottom:40px;
	padding:20px;
}
body.cb div.cb-inf table {
	border-collapse:collapse;
}
body.cb div.cb-inf table td {
	vertical-align:top;
}
body.cb div.cb-inf table td.label {
	text-align:right;
	width:120px;
	padding-right:5px;
	color:#999;
}
body.cb div.cb-inf table td.champs {
	text-align:left;
	padding-left:5px;
	font-size:13px;
	width:280px;
}
body.cb div.cb-inf table td.champs.montant {
	color:#C00;
}




p.tags {
	text-align:center;
	text-wrap:unrestricted;
}
p.tags span {
	margin-right:10px;
}
p.tags span.tag-1 { font-size:22px; }
p.tags span.tag-2 { font-size:18px; }
p.tags span.tag-3 { font-size:14px; }
p.tags span.tag-4 { font-size:12px; }
p.tags span.tag-5 { font-size:10px; }
p.tags span a:hover {
	color:#000;
}





table.table-web {
	border-collapse:collapse;
	font-size:10px;	
}
table.table-web td {
	padding-top:1px;
	padding-bottom:1px;
	padding-left:4px;
	padding-right:4px;
	border-right:1px solid #CCC;
}
table.table-web tr.offres td {
	border-right:none;
}
table.table-web tr.section td {
	text-transform:uppercase;
	font-family:"ITC Avant Garde Gothic Pro", Arial, Helvetica, sans-serif;
	padding-top:30px;
	padding-bottom:0px;
	color:#BD5B9C;
	font-size:14px;
	letter-spacing:-1px;
	font-weight:bold;
	border-bottom:1px solid #CCC;
}



/* FORMULAIRE DE CONTACT */
div.formMail table {
	border-collapse:collapse;
	margin-bottom:20px;
	margin-top:20px;
	width:100%;
}
div.formMail p.formOK {
	color:#039;
	font-size:10px;
	text-align:left;
}
div.formMail p.formEchec {
	color:#F00;
	font-size:10px;
	text-align:left;
}
div.formMail p.detail {
	color:#999;
	font-size:8px;
}
div.formMail input, div.formMail textarea, div.formMail select {
	border:1px solid #DDD;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	width:100%;
	background-image:url(../img/tpl/bg_input.png);
	background-repeat:repeat-x;
	background-position:top;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
div.formMail tr.formChampEchec input, div.formMail tr.formChampEchec textarea {
	border:1px solid #F00;
}
div.formMail textarea {
	height:80px;
}
div.formMail td {
	padding-top:3px;
	padding-bottom:3px;
}
div.formMail td.formLabel {
	width:60px;
	padding-right:10px;
	font-size:9px;
	vertical-align:top;
	text-align:left;
}
div.formMail td.formChamp {
	width:167px;
}
div.formMail input.formBtn {
	background:none;
	background-color:#FFF;
	border-radius:10px;
	font-weight:normal;
	color:#666;
	width:120px;
	margin:auto;
	margin-bottom:40px;
	cursor:pointer;
	display:block;
	padding-left:5px;
	padding-right:5px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
div.formMail input.formBtn:hover {
	background-color:#EEE;
}
div.formMail img.captcha {
	vertical-align:middle;
	margin-right:5px;
}
div.formMail tr.formMail_tr-captcha td.formChamp span {
	font-size:9px;
	margin-right:5px;
}
div.formMail tr.formMail_tr-captcha td.formChamp input {
	width:30px;
}