/**********************************************************************************************/
GENERAL
/**********************************************************************************************/

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

table { border-collapse: collapse; border-spacing: 0; }

body {
	font: normal 12px Arial, Verdana, Helvetica, Sans-Serif;
	background: url(img/2012/body.png) repeat-x 50% 0 #f1f1f1;
	behavior: url("csshover3.htc");
	width: 100%;
}

h2 { font: bold 14px Arial; }
h3 { font: bold 13px Arial; }
h4 { font: bold 12px Arial; }

a img, img { border: 0; }

.left  { float: left;  }
.right { float: right; }

img.left { margin-right: 10px; }
img.right {	margin-left: 10px; }
img.center { display: block; margin: 0 auto; text-align: center; padding-bottom: 8px; }

.newline { display: block; clear: both; line-height: 1px; font-size: 1px; height:0; }


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

#global { width: 1004px; padding: 0 0 20px 0; margin: 0 auto; }

/********************************
HEAD
********************************/

#head { position: relative; background: #f2f2f2 url(img/2012/head.png) 0 100% repeat-x; zoom: 1; }

#banner { float: right; display: inline; width: 728px; height: 90px; margin: 0 0 10px 0; text-align: center; overflow: hidden; }
#logo { float: left; display: inline; width: 233px; margin: 0 0 0 18px; text-align: center; }
#dates { clear: left; float: left; display: inline; width: 625px; margin: 5px 0 0 18px; font: bold 14px Arial; text-align: left; }


/*********** INFO TOP ******/

#infotop { height: 49px; line-height: 48px; }

#infotop,
#infotop a { font-size: 11px; color: #444444; text-decoration: none; }
#infotop a:hover { text-decoration: underline; }

#infotop ul { float: left; list-style: none; margin: 0 0 0 25px; }
#infotop ul li { float: left; }

#contact { font: 12px Arial; float: right; display: inline; height: 49px; line-height: 48px; width: 100px; text-align: right; }
#contact a { display: inline-block; padding: 0 20px 0 0; background: url(img/2012/changelang.png) 100% 50% no-repeat; }

#changelang { float: right; display: inline; height: 49px; line-height: 48px; width: 200px; text-align: center; }
#changelang a { display: inline-block; }


/*********** BTNS  ******/

#reservation,
#presse { font: bold 12px Arial; float: right; display: inline; height: 30px; line-height: 30px; margin: 0 0 7px 2px; }

#reservation { width: 117px; padding: 0 5px 0 30px; background: url(img/2012/btn_outlook.png) 50% 0 no-repeat; }
#presse { width: 120px; padding: 0 5px 0 36px; background: url(img/2012/btn_press.png) 50% 0 no-repeat; }

#presse a,
#reservation a { color: #ffffff; text-decoration: none; }
#presse a:hover,
#reservation a:hover { color: #f5f5f5; text-decoration: underline; }

#visiteur,
#exposant { font: bold 14px Arial; float: right; display: inline; height: 44px; line-height: 44px; margin: 0 0 0 2px; }

#visiteur { width: 107px; padding: 0 5px 0 40px; background: url(img/2012/btn_visiteur.png) 50% 0 no-repeat; }
#exposant { width: 120px; padding: 0 5px 0 36px; background: url(img/2012/btn_exposant.png) 50% 0 no-repeat; }

#visiteur a,
#exposant a { color: #ffffff; text-decoration: none; }
#visiteur a:hover,
#exposant a:hover { color: #f5f5f5; text-decoration: underline; }


/********************************************************************
	MEGAMENU manuel
********************************************************************/

/* defaut */

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

#navbar { position: absolute; bottom: 10px; left: 0; }

/***** Menu main */

#menu { width: 100%; }

.dropdown li { float: left; display: inline; height: 38px; padding: 0 10px; border-right: 1px solid #979797; border-left: 1px solid #fcfcfc; }
.dropdown li.last { border-right: none; }
.dropdown li.actif,
.dropdown li.dir-actif,
.dropdown li.sel,
.dropdown li.dir-sel { background: url(img/2012/menu_hover.png) 100% 0 no-repeat; }

.dropdown li#home { border-left: none; }
.dropdown li#home a { display: block; height: 38px; width: 38px; background: url(img/2012/home.png) 50% 7px no-repeat; }
.dropdown li#home.sel a,
.dropdown li#home.actif a {}

.dropdown li table { float: left; position: relative; zoom: 1; }
* html .dropdown li table,
*+html .dropdown li table { display: inline; width: auto; }

.dropdown li table td { padding: 0px 10px 1px 10px; vertical-align: middle; }
.dropdown li.actif table.actif td ,
.dropdown li.dir-actif table.dir-actif td,
.dropdown li.sel table.sel td,
.dropdown li.dir-sel table.dir-sel td { background: #f2f2f2; }

.dropdown li table td a { float: left; display: inline; font: bold 14px Arial; color: #464646; text-transform: uppercase; text-decoration: none; cursor: pointer; }
.dropdown li.actif table.actif td a,
.dropdown li.dir-actif table.dir-actif td a,
.dropdown li.sel table.sel td a,
.dropdown li.dir-sel table.dir-sel td a { color: #464646; }

/* Sub-menu */

.dropdown li span.noBorderBottom { display: none; position: absolute; bottom: -1px; left: 0; height: 1px; width: 100%; background: #f2f2f2; overflow: hidden; }
.dropdown li.dir-actif span.noBorderBottom,
.dropdown li.dir-sel span.noBorderBottom { /*display: block;*/ }
* html .dropdown li.dir-sel span.noBorderBottom { display: none; }

.dropdown li ul { position: absolute; top: 38px; left: -30px; width: 230px; padding: 5px; background: #f2f2f2; }
.dropdown li.mega-tab ul { top: 38px; left: 50%; width: 230px; margin: 0; margin: 0; }

.dropdown li ul li { clear: both; width: 200px; border: none; }
.dropdown li ul li ul { top: -5px; left: 100%; }

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

.dropdown li ul li a { display: block; font: bold 14px Arial; padding: 7px 5px 4px 5px; margin: 0 0 5px 0; color: #ffffff; background: #00a2ab; text-decoration: none; cursor: pointer; }
.dropdown li ul li.lvl2 a { font: bold 12px Arial; padding: 0 5px; margin: 0 0 2px 0; color: #464646; background: url(img/2012/puce_right_style2.png) 24px 50% no-repeat; }

.dropdown li ul li a:hover { text-decoration: underline; }

/* Mega-panel */

.megamenu .mega-panel { display: none; position: absolute; top: 38px; left: -30px; padding: 10px; /*border: 1px solid #c0c0c0;*/ background: #dbdbdb url(img/2012/megapanel.png) 0 0 repeat-x; }
.megamenu .mega-panel .inner { margin: 0 0 30px 0; overflow: hidden; zoom: 1; }

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

.megamenu .mega-panel .inner ul { position: static; float: left; width: 200px; margin: 0 30px 0 0; }
.megamenu .mega-panel .inner ul li {}
.megamenu .mega-panel .inner ul li a {}

.megamenu .mega-panel .inner ul ul { margin: 0; }
.megamenu .mega-panel .inner ul ul li {}
.megamenu .mega-panel .inner ul ul li a {}

/* visuel */

.megamenu .mega-panel .inner .visuel { float: left; padding: 5px 0 0 0; margin: 0 5px 5px 0; }
.megamenu .mega-panel .inner .right { float: right; margin: 0 0 5px 5px; }
.megamenu .mega-panel .inner .center { width: 100%; padding: 0; margin: 0 0 5px 0; text-align: center; }

.megamenu .mega-panel .inner .visuel a { padding: 0; background: none; }


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

#cdf { clear: both; font: 11px Arial; line-height: 33px; height: 39px; padding: 0 18px; color: #ffffff; background: url(img/2012/cdf.png) 0 0 repeat-x; }
#cdf strong { font-weight: normal; color: #666666; }
#cdf .symbol { color: #ffffff; }
#cdf a { color: #ffffff; text-decoration: none; }
#cdf a:hover { text-decoration: underline; }
#cdf .sel { color: #00a2ab; }


/********************************
BLOC VALUE
********************************/

#blocvalue { margin: 0 0 10px 0; overflow: hidden; zoom: 1; }

#blocvalue #visuHomeFlash { float: right; width: 726px; height: 280px; overflow: hidden; }

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

#blocvalue ul { float: left; height: 280px; width: 278px; background: url(img/2012/value_btns.png) 100% 0 no-repeat; }
#blocvalue li { float: left; clear: left; font: bold 14px Arial; display: table; height: 70px; width: 258px; padding: 0 0 0 20px; cursor: pointer; text-align: center; }
#blocvalue li:hover { background: url(img/2012/value_btn_sel.png) 95% 50% no-repeat; }
#blocvalue li a { color: #ffffff; text-decoration: none; }
#blocvalue li:hover a { color: #00a2ab; }

#blocvalue li p { display: table-cell; vertical-align: middle; padding: 0 10px; }
#blocvalue li p { margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0"); }


/********************************
BLOCS HOME
********************************/

.blocHome { clear: both; margin: 0 0 15px 0; overflow: hidden; zoom: 1; }


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

.actus { width: 689px; background: url(img/2012/actus.png) 0 59px repeat-x; overflow: hidden; zoom: 1; }

.actus .inner { padding: 30px 0; overflow: hidden; zoom: 1; }
.FR .actus .inner { background: url(img/2012/actus_FR.png) 0 0 no-repeat; }
.GB .actus .inner { background: url(img/2012/actus_GB.png) 0 0 no-repeat; }

.bloc-actu-salon { float: left; width: 284px; }
.bloc-actu-exposant { float: left; width: 405px; }

.bloc-actu h2 { float: left; font: 16px Arial;  color: #ffffff; text-transform: uppercase; overflow: hidden; }
.bloc-actu-salon h2 { width: 155px; padding: 10px 5px 0 24px; }
.bloc-actu-exposant h2 { width: 138px; padding: 10px 5px 0 41px; }

.bloc-actu .allnews { float: right; padding: 13px 0 0 5px; }
.bloc-actu-salon .allnews { width: 95px; color: #5eccd2; }
.bloc-actu-exposant .allnews { width: 190px; color: #00a2ab; }

.bloc-actu .allnews a { font: bold 12px Arial; }
.bloc-actu-salon .allnews a { color: #5eccd2; }
.bloc-actu-exposant .allnews a { color: #00a2ab; }

.bloc-actu-salon .contenu { clear: both; padding: 26px 0 0 15px; }
.bloc-actu-exposant .contenu { clear: both; padding: 26px 0 0 41px; }

.bloc-actu-exposant .contenu p,
.bloc-actu-salon .contenu p { padding: 0 15px 10px 0; background: url(img/2012/actus-articles.png) 100% 0 repeat-y; }

.bloc-actu .contenu .article a { font-weight: bold; }
.bloc-actu-salon .contenu .article a { color: #5eccd2; }
.bloc-actu-exposant .contenu .article a { color: #00a2ab; }


/********************************
INFOHOME
********************************/

.infohome { padding: 5px 0 0 0; margin: 0 0 25px 0; background: url(img/2012/show.png) 0 0 repeat-x; }
.infohome .inner { font: 11px Arial; padding: 15px 0 20px 0; overflow: hidden; zoom: 1; }

.infohome h3 { margin: 0 0 10px 0; }

.infohome table { }
.infohome table,
.infohome table td { padding: 0; margin: 0; border: none; }
.infohome table td { vertical-align: middle; text-align: center; }

.infohome .visuel { float: left; height: 90px; width: 260px; }
.infohome .text { float: left; width: 200px; padding: 0 15px 0 15px; }
.infohome .text-left { margin: 0 15px 0 0; border-right: 1px solid #c0c0c0; }


/********************************
BLOC MEDIAS
********************************/

.medias { width: 689px; background: #000000 url(img/2012/medias.png) 0 0 repeat-x; overflow: hidden; zoom: 1; }

.medias .entete { padding: 15px 0 5px 0; }
.medias .entete table {}
.medias .entete table,
.medias .entete th { border: none; }
.medias .entete th { padding: 5px 0 5px 24px; background: url(img/2012/medias-th.png) 100% repeat-y; vertical-align: middle; cursor: pointer; }
.medias .entete th.active {}
.medias .entete th.tab-first {}
.medias .entete th.tab-last { padding: 0 10px 0 0; background: none; }

.medias .entete th h2 { font: bold 16px Arial; padding: 0 32px 0 0; color: #656565; text-align: center; }
.medias .entete th.active h2 { color: #00a2ab; background: url(img/2012/value_btn_sel.png) 95% 100% no-repeat; }

.medias .inner { padding: 0 0 16px 0; color: #ffffff; }

.medias .inner .panel { display: none; overflow: hidden; zoom: 1; }
.medias .inner .active { display: block; }
.medias .inner .panel h4 { padding: 0; margin: 0 0 5px 0; }

.medias .inner .panel .highlight { float: left; display: inline; width: 443px; border-top: 1px solid #00a2ab; }
.medias .inner .panel .highlight .visuel,
.medias .inner .panel .highlight .visuel img { height: 265px; width: 100%; margin: 0 0 10px 0; }
.medias .inner .panel .highlight .texte { clear: both; padding: 30px 10px 15px 30px; }

.medias .inner .panel .more,
.medias .inner .panel .more li { padding: 0; margin: 0; list-style: none; overflow: hidden; zoom: 1; }

.medias .inner .panel .more { float: right; display: inline; width: 211px; padding: 0 0 10px 35px; background: url(img/2012/medias-more.png) 18px 0 repeat-y; }
.medias .inner .panel .more li { margin: 0 0 15px 0; }
.medias .inner .panel .more li .visuel { float: left; display: inline; margin: 0 10px 5px 0; }
.medias .inner .panel .more li .visuel,
.medias .inner .panel .more li .visuel img { height: 98px; width: 98px; }

.medias .inner .panel .more h4 {}

.medias .inner .link { float: right; display: inline; width: 110px; padding: 0; margin: 0 0 27px 0; color: #00a2ab; background: url(img/2012/entete_more.png) 100% 0 no-repeat; text-align: center; }
.medias .inner .link a { font: bold 12px Arial; color: #00a2ab; text-align: center; }


/********************************
PARTENAIRES
********************************/

.partners h2 { float: left; font: bold 16px Arial; padding: 7px 56px 2px 25px; margin: 0; color: #ffffff; background: #00A2AB url(img/2012/partners-title.png) 0 0 no-repeat; }
.partners .inner { clear: both; position: relative; top: -1px; height: 130px; padding: 28px 0 0 26px; background: url(img/2012/partners.png) 0 0 repeat-x; }
.partners .pics { height: 100px; float: left; width: 238px; }

.partners .inner .titles { position: absolute; bottom: 0; left: 26px; width: 952px; line-height: 20px; }
.partners .inner .titles h3 { float: left; width: 228px; font: bold 13px Arial; padding: 5px; background: #dfdfdf; }


/********************************
INFO SALON
********************************/

.infosalon { color: #67686a; }
.infosalon h2 { font: bold 13px Arial; margin: 0 0 10px 0; color: #20adb4; }

#about { float: left; width: 600px; padding: 10px 80px 10px 0; border-right: 1px solid #c0c0c0; }
#about a { color: #ffffff; font-weight: 700; }
#about a:hover { color: #cddce1; }

#about img { margin: 0 30px 25px 0; }

#synergie { float: left; padding: 20px 0 0 50px; text-align: center; }


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

#plansitebas { clear: both; padding: 30px 0 45px 0; margin: 0 auto; color: #ffffff; background: #000000 url(img/2012/plan.png) 0 0 repeat-x; text-align: left; }
#plansitebas td { padding: 0 30px; }

#plansitebas .titre { font: bold 11px Arial; line-height: 12px; margin-bottom: 2px; color: #00a2ab; }
#plansitebas .titre a { color: #00a2ab; text-decoration: none; }
#plansitebas .titre a:hover { text-decoration: underline; }

#plansitebas .lien { font: 11px Arial; line-height: 12px; margin-bottom: 2px; color: #ffffff; }
#plansitebas .lien a { font-weight: normal; color: #ffffff; text-decoration: none; }
#plansitebas .lien a:hover { text-decoration: underline; }


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

#footer { width: 1000px; padding: 20px 0; margin: 0 auto; color: #4d4d4d; overflow: hidden; zoom: 1; }

#footer ul { text-align: center; list-style: none;  }
#footer ul li { display: inline; }
#footer ul li a { color: #4d4d4d; font-weight: normal; text-decoration: none; }
#footer ul li a:hover { color: #777777; text-decoration: underline; }

#footer .left { padding-left: 20px; }
#footer .right { font-size: 11px; padding-right: 20px; }
#footer .right img { vertical-align: middle; padding-left: 5px; position: relative; }


/********************************
SIDEBAR
********************************/

#sidebar { float: right; width: 300px; padding: 21px 0 0 0; overflow: hidden; zoom: 1; }
.home #sidebar { padding: 0; }

#carrepub { width: 300px; height: 250px; margin: 0 0 15px 0; text-align: center; overflow: hidden; }
#skyscraper { width: 120px; height: 600px; float: right; margin-left: 15px; }


/********************************************************************
	RECHERCHE
********************************************************************/

.search { padding: 10px 15px 15px 15px; margin: 0 0 15px 0; background: #d5d5d5; }
.search h2 { font: bold 14px Arial; line-height: 16px; padding: 0; margin: 0 0 10px 0; color: #464646; }

.search .inner { overflow: hidden; zoom: 1; }

.search .form-field { float: left; display: inline; font: 14px Arial; width: 172px; padding: 3px 5px; margin: 0 9px 0 0; border: none; color: #464646; background: #ffffff; cursor: pointer; }
.search .form-submit { float: left; display: inline; font: bold 14px Arial; padding: 3px 5px; border: none; color: #ffffff; background: #000000 url(img/2012/form-submit.png) 100% 50% repeat-x; text-decoration: none; }

.search .inner .link { clear: both; padding-top: 10px; }
.search .inner .link a { font: bold 12px Arial; color: #464646; text-decoration: none; }
.search .inner .link a:hover { text-decoration: underline; }


/********************************************************************
	NEWSLETTERINSC
********************************************************************/

.insc { padding: 10px 15px 15px 15px; margin: 0 0 15px 0; background: #00a2ab; }
.insc h2 { font: bold 14px Arial; line-height: 16px; padding: 0 0 0 27px; margin: 0 0 10px 0; color: #ffffff; background: url(img/2012/icon_newsletter.png) 0 50% no-repeat; }

.insc .inner { overflow: hidden; zoom: 1; }

.insc .form-field { float: left; display: inline; font: 14px Arial; width: 172px; padding: 3px 5px; margin: 0 9px 0 0; border: none; color: #464646; background: #ffffff; }
.insc .form-submit { float: left; display: inline; font: bold 14px Arial; padding: 3px 5px; border: none; color: #ffffff; background: #000000 url(img/2012/form-submit.png) 100% 50% repeat-x; text-decoration: none; cursor: pointer; }

.insc .inner .link { clear: both; padding-top: 10px; }
.insc .inner .link a { font: bold 12px Arial; color: #ffffff; text-decoration: none; }
.insc .inner .link a:hover { text-decoration: underline; }


/********************************************************************
	SOCIAL
********************************************************************/

.social { margin: 0 0 15px 0; }
.social h2 { font: bold 14px Arial; line-height: 26px; height: 26px; padding: 0 15px; margin: 0; color: #ffffff; background: #000000 url(img/2012/social-title.png) 0 0 repeat-x; }
.social .inner { height: 102px; background: url(img/2012/social.png) 0 0 repeat-x; text-align: center; overflow: hidden; zoom: 1; padding-top:30px;}
.social .picto { display: inline-block; width: 60px; text-align: center; }



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

.tagcloud { margin: 0 0 15px 0; }
.tagcloud h2 { font: bold 14px Arial; line-height: 26px; height: 26px; padding: 0 15px; margin: 0; color: #ffffff; background: #00A2AB url(img/2012/tagcloud-title.png) 0 0 repeat-x; }
.tagcloud .inner { padding: 10px 10px 15px 10px; background: #dbdbdb url(img/2012/tagcloud.png) 0 100% repeat-x; text-align: center; overflow: hidden; zoom: 1; }

.tagcloud .inner h3,
.tagcloud .inner h3 a { display: inline; font: 20px Verdana; line-height: 24px; color: #000000; }
.tagcloud .inner h4,
.tagcloud .inner h4 a { display: inline; font: bold 16px Verdana; line-height: 24px; color: #353535; }
.tagcloud .inner h5,
.tagcloud .inner h5 a { display: inline; font: bold 13px Verdana; line-height: 24px; color: #666666; }
.tagcloud .inner h6,
.tagcloud .inner h6 a { display: inline; font: 10px Verdana; line-height: 24x; 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: #a51a7f; }


/********************************
BOUTONS RAPIDES
********************************/

.btnside { margin: 0 0 15px 0; background: #000000 url(img/2012/btns_side.png) 0 0 no-repeat; }

.btnside .libelle { margin: 0 0 1px 0; }
.btnside .libelle { height: 57px; width: 300px; cursor: pointer; }

.btnside .libelle table { height: 100%; width: 100%; }
.btnside .libelle table,
.btnside .libelle table td { padding: 0 0 0 50px; margin: 0; border: none; }

.btnside .libelle table td { vertical-align: middle; text-align: left; }
.btnside .active table td { background: url(img/2012/btns_side_sel.png) 10px 75% no-repeat; }

.btnside .libelle table td,
.btnside .libelle table td a { font: bold 14px Arial; color: #ffffff; }
.btnside .active table td,
.btnside .active table td a { color: #5eccd2; }


/********************************
CONTENUSIDE
********************************/

.contenuside { margin: 0 0 15px 0; }
.contenuside h2 { font: bold 14px Arial; line-height: 26px; height: 26px; padding: 0 15px; margin: 0; color: #ffffff; background: #000000 url(img/2012/contenuside-title.png) 0 0 repeat-x; }
.contenuside .inner { padding: 10px; background: #dbdbdb url(img/2012/contenuside.png) 0 100% repeat-x; }


/********************************
BLOC-CENTER
********************************/

#bloc-center { float: left; width: 700px; padding: 56px 0 0 0; }
.home #bloc-center { padding: 0; }

h1 { display: inline-block; padding: 10px 65px 10px 15px; margin: 0 0 20px 0; color: #ffffff; background: #00a2ab; }

.paragraphe { float: left; display: inline; margin: 0 5px 15px 0; }
.w100 { width: 688px; margin: 0 0 15px 0; }
.w50 { width: 341px; }
.w33 { width: 226px; }
.w66 { width: 447px; }

a { font-weight: bold; color: #00a2ab; text-decoration: none; }

.paragraphe .style1,
.paragraphe .style2 { background: url(img/2012/style0.png) 0 0 repeat-x; }

.paragraphe .style1 a { color: #000000; }
.paragraphe .style2 a { color: #5eccd2; }
.paragraphe .style3 a { color: #00a2ab; }
.paragraphe .style4 a { color: #000000; }

.paragraphe .bloc h2 { font: bold 16px Arial; padding: 9px 10px 2px 12px; }
.paragraphe .sans-titre h2 { display: none; }
.paragraphe .sans-texte .inner { display: none; }

.paragraphe .style1 h2 {}
.paragraphe .style2 h2 { background: #5eccd2; }
.paragraphe .style3 h2 { background: #00a2ab; }
.paragraphe .style4 h2 { background: #000000; }

.paragraphe .style1 h2 a { color: #000000; }
.paragraphe .style2 h2 a,
.paragraphe .style3 h2 a,
.paragraphe .style4 h2 a { color: #ffffff; }

.paragraphe .style1 .inner { padding: 18px; }
.paragraphe .style2 .inner,
.paragraphe .style3 .inner,
.paragraphe .style4 .inner { padding: 10px 15px; background: #ffffff; }
.paragraphe .style5 .inner { padding: 0 15px 30px 15px; }

.paragraphe .bloc h3 { padding: 0 0 15px 0; }
.paragraphe .bloc .link { padding: 10px 0 0 0; }