@import url("reset.css");
@import url("ovr.css");

/* RESET CSS */


body { background: white url(img/bg-body.png) no-repeat center top; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 75.00%; }
strong { font-weight: 700; color: #333; }
a { color: #333333; outline: none; font-size: 12px; }
a:hover { color: #666666; }
p { font-size: 12px; }
.right { float: right; }
.left { float: left; }


/* STRUCTURE */

#page_margins { margin: 0 auto; border: 0px #889 solid; width: 880px; position: relative; }
#page { }
#header { clear: both; color: #000000; display: block; float: left; height: 142px; margin-bottom: 17px; padding: 20px 0 0; width: 100%; }
#logo { float: left; display: block; width: 170px; }
#logo h1 a { background: white url(img/logo-compario.jpg) no-repeat left top; display: block; float: left; height: 138px; width: 166px; }
#logo h1, #logo span { position: relative; text-indent: -6999px; }
.headerLeft { width: 700px; float: right; }
#topnav { width: 100%; display: block; float: left; border-bottom: 1px solid #B3B3B3; line-height: 2em; }
#topnav span.lang { width: 50%; float: left; color: #F7921E; }
#topnav span.rightNav { width: 50%; float: right; text-align: right; color: #666666; }
#topnav span.rightNav a { font-size: 11px; color: #666666; text-decoration: none; position: relative; z-index: 99; }
#topnav span.rightNav a:hover { color: #333; }
#topnav span.rightNav a img { margin-bottom: -3px; }
#topnav span.lang a { color: #F7921E; font-weight: bold; }
#topnav span.lang a:hover { color: #999; font-weight: bold; }

#topnav SPAN.lang
{
	width: 45px;
	float: left;
	color: #f7921e;
}
#topnav SPAN.lang A.langFR
{
	width: 20px;
	display: block;
	background: url(http://www.compario.net/Style%20Library/images/drapeau_francais.png) white no-repeat left top;
	float: left;
	height: 14px;
}
#topnav SPAN.lang A.langEN
{
	width: 20px;
	display: block;
	background: url(http://www.compario.net/Style%20Library/images/drapeau_anglais.png) white no-repeat left top;
	float: right;
	height: 14px;
}
#topnav SPAN.lang A
{
	color: #f7921e;
	font-weight: bold;
}



.sloganContainer { display: block; left: 77px; position: relative; top: 20px; }
p.slogan, p.slogan2 { display: block; font-size: 30px; }
p.slogan { color: #585858; }
p.slogan2 { color: #F19913; margin-left: 10px; }

#nav_main { float: left; margin: 0 5px 5px; width: 100%; position: relative; }
#nav_main ul { width: 100%; }
#nav_main ul li { background: transparent url(http://blog.compario.net/themes/Compario/img/bg-menu-repeat.png) repeat-x scroll left top; display: inline; float: left; height: 31px; text-align: center; }
#nav_main ul li a { font-size: 14px; font-weight: bold; line-height: 2em; text-decoration: none; /*width:100%;*/ float: left; height: 31px; color: white; }
#nav_main ul li a span { height: 31px; padding: 0 21px; }
#nav_main ul li.first, #nav_main ul li.first a { padding: 0; }
#nav_main ul li.first a span.leftCorner { background: white url(img/bg-menu-corner.png) no-repeat scroll left top; display: inline; float: left; height: 31px; padding-left: 0; padding-right: 15px; }
#nav_main ul li.first a span.text { padding-left: 10px; }
#nav_main ul li a:hover, #nav_main ul li#current a { background: transparent url(img/bg-menu-over.png) repeat-x scroll left top; }
#nav_main ul li.first a:hover span.leftCorner, 
#nav_main ul li#current a span.leftCorner { background: white url(img/bg-menu-corner-over.png) no-repeat scroll left top; }
#nav_main ul li.search { background: white url(img/bg-search.png) no-repeat scroll left top; width: 203px; }
#nav_main ul li.search a:hover { background: white url(img/bg-search.png) no-repeat scroll left top; }
#nav_main ul li.search input#s { background: transparent url(img/search.png) no-repeat scroll left center; border: 0 none; float: left; height: 19px; padding: 3px 3px 0; width: 146px; font-size: 11px; }
#nav_main ul li.search input#searchsubmit { background: transparent url(img/button-ok-grey.png) no-repeat scroll left top; width: 28px; height: 22px; border: 0; float: right; cursor: pointer; }
#nav_main ul li.search form { padding: 5px 10px; width: 91%; }
#nav_main ul li#current a:hover { color: #000000; }
#nav_main ul ul { position: relative; top: 5px; }
#nav_main ul ul li { display: block; float: left; clear: both; }

.breathcrumb { float: left; width: 100%; display: block; clear: both; margin-left: 10px; }
.breathcrumb a { font-size: 10px; color: #333; }
.breathcrumb a:hover { font-size: 10px; color: #999; }

#main { clear: both; float: left; padding: 10px 0; }
.mainTop { background: transparent url(img/head-main-bloc.png) no-repeat scroll center top; clear: both; float: left; height: 71px; width: 886px; }
.mainTop h2 { color: #FFFFFF; font-size: 18px; line-height: 3em; padding: 0 25px; }
.mainContainer { background: #FFFFFF none repeat scroll 0 0; border: 1px solid #CCCCCC; float: left; margin: 0 5px; width: 875px; }

#leftCol { float: left; margin-right: 5px; padding: 15px; width: 565px; }
#leftCol img { text-align: center; }
#leftCol h3 { font-size: 16px; color: #343434; font-weight: bold; margin: 0 0 15px; /* a tester */ }
#leftCol h2 { color: #F7931E; display: block; font-size: 18px; font-weight: bold; }
#leftCol h4 { background: transparent url(img/bg-h4.png) repeat-x scroll left top; color: #343434; font-size: 16px; font-weight: bold; height: 27px; margin: 30px 0 20px; padding: 3px 15px; width: 47%; }

#leftCol ul li { background: transparent url(img/puce.png) no-repeat scroll left center; padding-left: 24px; line-height: 1.5em; }
#leftCol ul li a { text-decoration: underline; font-weight: bold; }

#leftCol p { color: #666666; }

#rightCol { border-left: 1px solid #CCCCCC; display: inline; float: right; margin: 23px 0; padding: 0 12px; width: 250px; }
#rightCol h2 { border-bottom: 1px solid #CCCCCC; clear: both; color: #F7931E; display: block; float: left; font-size: 20px; margin-bottom: 12px; padding-bottom: 5px; width: 100%; }

.brands { border: 1px solid #CCCCCC; clear: both; display: block; float: left; height: 78px; width: 100%; }
#leftCol .brands { clear: none; float: right; margin: 20px 0; width: 245px; }

.cafe { margin: 0; padding: 0; width: 100%; }
.cafeTop { background: transparent url( 'img/bloc-cafe-top.png' ) no-repeat left top; float: left; width: 248px; height: 23px; }
.cafeContent { background: transparent url(img/bloc-cafe-repeat.png) repeat-y scroll left top; float: left; height: auto; width: 248px; }
.cafeContainer { padding: 0 10px; text-align: center; }
.cafe .button { background: transparent url(img/button-video.png) no-repeat scroll center center; float: left; height: 49px; margin: 10px auto; position: relative; text-indent: -6999px; width: 230px; }
.cafeBottom { background: transparent url( 'img/bloc-cafe-bottom.png' ) no-repeat left top; float: left; width: 248px; height: 51px; }
.cafe p { margin: 5px 0; }
.cafe h4 { margin: 0 0 10px; font-size: 12px; }

.newsletter, .recrutement { float: left; display: block; clear: both; width: 100%; margin: 0 0 15px; }

#inscriptionform { }
#inscriptionform input#mail { border: 1px solid #ccc; width: 195px; float: left; margin: 4px 0; }
#inscriptionform input#inscriptionsubmit { background: transparent url(img/button-ok-orange.png) no-repeat scroll left top; width: 28px; height: 22px; border: 0; float: right; cursor: pointer; }

.recrutement ul li { background: transparent url(img/puce2.gif) no-repeat scroll left center; clear: both; display: block; padding-left: 15px; }
.recrutement ul li a { line-height: 1.5em; text-decoration: underline; }
.recrutement a.all { background: transparent url(img/puce2.gif) no-repeat scroll left 7px; clear: both; display: block; float: right; font-size: 10px; font-weight: bold; line-height: 2em; margin: 8px 0; padding-left: 15px; text-decoration: underline; }

span.title { display: inline; float: left; width: auto; }

.rss { background: transparent url(img/rss.gif) no-repeat scroll right center; display: inline; float: right; height: 15px; line-height: 2em; margin: 5px 0; text-indent: -6999px; width: 15px; }

#footer { background: transparent url(img/footer.png) no-repeat scroll center top; clear: both; display: block; float: left; height: 38px; margin: 0 4px; position: relative; width: 880px; color: #F7921E; padding: 0 0 15px; }
#footer .footNav { margin: 0 0 0 178px; width: 50%; float: left; display: inline; }
#footer span.copy { float: right; line-height: 3em; width: 20%; font-size: 12px; }
#footer a { color: #F7921E; line-height: 3em; }
#footer a:hover { color: #999; }

/*             styles for the star rater                */
.star-rating { background: transparent url(img/star_rating.gif) repeat-x scroll left top; float: left; height: 20px; line-height: 2em; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; position: relative; width: 100px; }
.star-rating li { padding: 0px; margin: 0px; /*\*/ float: left; /* */ }
.star-rating li a { display: block; width: 20px; height: 20px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; }
.star-rating li a:hover { background: url(img/star_rating.gif) left bottom; z-index: 1; left: 0px; }
.star-rating a.one-star { left: 0px; }
.star-rating a.one-star:hover { width: 20px; }
.star-rating a.two-stars { left: 20px; }
.star-rating a.two-stars:hover { width: 40px; }
.star-rating a.three-stars:hover { width: 60px; }
.star-rating a.three-stars { left: 40px; }
.star-rating a.four-stars { left: 60px; }
.star-rating a.four-stars:hover { width: 80px; }
.star-rating a.five-stars { left: 80px; }
.star-rating a.five-stars:hover { width: 100px; }

.rightBloc { float: left; display: block; clear: both; margin-bottom: 25px; width: 100%; }
/*
.tags { border-top: 1px solid #ccc; padding: 20px 0; }
.tags a { padding: 0 2px; text-decoration: none; }
.tags a.s { font-size: 10px; color: #666; }
.tags a.m { font-size: 12px; color: #333; }
.tags a.l { font-size: 14px; color: #F7921E; }
.tags a.xl { font-size: 16px; color: #F7921E; font-weight: 700; }
*/
.article { width: 100%; border-top: 1px dotted #FFB400; float: left; padding: 10px 0; display: inline; }

.article h2 { color: #F7931E; display: block; font-size: 18px; font-weight: bold; }

.social { border-bottom: 1px dotted #FFB400; border-top: 1px dotted #FFB400; clear: both; display: block; float: left; margin: 5px 0; padding: 5px 0; width: 100%; }

.social a { font-size: 11px; text-decoration: none; line-height: 2em; }

.article h2 { font-size: 18px; font-weight: bold; margin-bottom: 3px; }

.article .date { background: white url(img/date.png) no-repeat scroll center center; float: left; height: 55px; text-align: center; width: 59px; }

.article .date span { color: white; float: left; font-size: 16px; padding: 14px 9px; }
.article .leftPart { float: left; margin-left: 10px; width: 330px; }
.article .leftPart span { display: block; font-size: 11px; line-height: 1.5em; }
.article .leftPart span a { font-size: 11px; text-decoration: none; }


.rightPart { float: right; width: 165px; }

.authorInfo img { }

.authorInfo span.avatbg { background: transparent url(img/bg-avat.png) no-repeat scroll 0 0; float: right; height: 40px; width: 40px; }

.articleContent { clear: both; display: inline; float: left; margin-left: 70px; margin-top: 20px; width: 495px; }

.noteContainer { width: 133px; float: right; display: block; }

span.note { float: left; line-height: 2em; font-size: 11px; }

.author { display: inline; float: left; font-size: 11px; font-weight: bold; margin-right: 5px; text-align: right; width: 117px; }



span.comments, span.viadeo, span.email { margin-right: 10px; }
span.comments { background: transparent url(img/comments.png) no-repeat scroll 0 0; padding-left: 30px; }

span.viadeo { background: transparent url(img/viadeo.png) no-repeat scroll 0 0; padding-left: 25px; }

a.wikio img { margin-top: 2px; }

span.email { background: transparent url(img/mail.png) no-repeat scroll 0 0; padding-left: 29px; }

.articleContent img { margin: 10px 0; border: 1px solid #FFCC01; padding: 3px; }
.articleContent p { line-height: 2em; }

.mainContainer h3 { font-size: 16px; color: #353535; }

.mainTitle h3 { font-size: 16px; color: #343434; font-weight: bold; margin: 10px 0 0 18px; }

.cafInfo img { float: left; border: 2px solid #F8A22B; margin-right: 6px; }

.categ ul { clear: both; display: block; float: left; width: 100%; }

.categ ul li { background: transparent url(img/puce.png) no-repeat scroll left center; padding-left: 24px; line-height: 1.5em; }

.categ ul li a { text-decoration: none; font-weight: bold; font-size: 14px; }
.recentVideo { clear: both; display: block; float: left; height: 56px; width: 240px; background: #CCCCCC; margin: 5px 0; }

.recentVideo img { border: 1px solid #ccc; padding: 2px; float: left; background-color: white; }

.recentVideo span.videoTitle { font-size: 14px; font-weight: 700; }

a.addVideo { background: transparent url(img/add-video.png) no-repeat scroll 0 0; float: left; height: 18px; left: 63px; position: relative; top: -20px; width: 18px; }

.imgContainer { float: left; width: 83px; height: 56px; }

.infoContainer { float: left; padding: 2px 0 0 2px; width: 154px; }

.videoLinks a { font-size: 11px; }

a.seeMore { background: white url(img/puce2.gif) no-repeat scroll center right; padding-right: 11px; }

.recentVideoContainer { margin-top: 10px; }

.videoHead { border-bottom: 1px dotted #FFB400; border-top: 1px dotted #FFB400; clear: both; display: block; float: left; margin: 5px 0; padding: 5px 0; width: 100%; }

.videoHead p { color: #666; font-size: 14px; background: white url(img/puce2.gif) no-repeat scroll center left; padding-left: 11px; }

.videoHead span.date { color: #333; font-size: 14px; font-weight: bold; }

.mainVideoContainer { border: 1px solid #FFB400; clear: both; display: block; float: left; margin: 25px 0 0; padding: 20px 0; text-align: center; width: 100%; }

.otherVideoContainer { border: 1px solid #FFB400; clear: both; display: block; float: left; margin: 10px 0; padding: 20px 0; text-align: center; width: 100%; position: relative; }

.otherVideoContainer .miniVideo { margin: 0 7px; display: inline; }

.cafeHead { border-bottom: 1px dotted #FFB400; border-top: 1px dotted #FFB400; clear: both; display: block; float: left; margin: 5px 0; padding: 5px 0; width: 100%; }

.cafeHead p { color: #666; font-size: 14px; background: white url(img/puce.png) no-repeat scroll center left; padding-left: 14px; }

.cafeHead span.date { color: #333; font-size: 14px; font-weight: bold; }

.cafeArticle { width: 100%; float: left; display: block; clear: both; margin: 0 0 15px; }

.cafeArticleContent { display: block; float: left; width: 380px; }

.cafeFeat { border-left: 1px dotted #FFB400; display: block; float: right; padding: 0 0 0 10px; width: 160px; }

.cafeFeat img { margin-top: 10px; }

.cafeFeat span.name { font-size: 12px; font-weight: bold; }

#leftCol .cafeArticle ul li, #leftCol .cafeFeat ul li { background: transparent none repeat scroll 0 0; list-style-position: inside; list-style-type: disc; padding: 0; }

#leftCol .cafeArticle ul li { color: #666; }

#leftCol .cafeFeat ul li { color: #333; }

#leftCol .cafeFeat ul li { font-size: 11px; }

.cafeContentContainer { float: left; margin-top: 15px; width: 100%; }

a.button { background: white url(img/subscribe.png) no-repeat scroll left center; float: left; height: 30px; width: 117px; clear: both; }

.subscribeCafe { clear: both; float: left; width: 100%; }

.subscribeForm { margin: 15px 0; display: none; }

.formContainer { float: left; margin: 0 0 15px; width: 400px; }

.formContainer label { width: 90px; float: left; color: #333; font-weight: 700; padding: 0 5px; }

.formContainer input, .formContainer select { width: 280px; border: 1px solid #ccc; float: right; }

.formContainer input.check { width: 20px; float: left; border: 0; }

.subscribeForm h3 { border-top: 1px dotted #FFB400; border-bottom: 1px dotted #FFB400; padding: 5px 0; margin: 0 0 15px; }

.subscribeForm p { float: left; margin-bottom: 2px; padding: 3px; width: 100%; }

.subscribeForm p.pair { background-color: #FFD776; }

.subscribeForm p.impair { background-color: #FFB600; }

p.impair { color: #FFD776; }

.livre a.download { background: white url(img/button-download.png) no-repeat scroll left center; float: left; height: 47px; margin: 30px 0 0; width: 129px; cursor: pointer; }

.livre img { float: left; }

.livreInfo { float: right; width: 132px; }

.recrutement img { border: 1px solid #ccc; padding: 2px; }

#leftCol.home h2 { border-bottom: 1px solid #CCCCCC; clear: both; color: #F7931E; display: block; float: left; font-size: 20px; margin-bottom: 12px; padding-bottom: 5px; width: 100%; font-weight: normal; }

#leftCol.home h3 { color: #343434; font-size: 18px; font-weight: normal; }

#leftCol .twoCol .blocActu { width: 48%; float: left; }

#leftCol .twoCol .leBlog { width: 48%; float: right; }
.mainBloc { background: transparent url(img/orange-bloc.png) no-repeat scroll left center; float: left; height: 319px; width: 682px; }

.clientBloc p { font-weight: bold; color: #333; font-size: 13px; line-height: 2em; }

.clientText { float: left; width: 44%; margin: 20px 0; }

#leftCol .clientText ul li { background: transparent url(img/puce2.gif) no-repeat scroll left center; padding-left: 24px; line-height: 2em; }

p.left { float: left; width: 48%; }

p.right { float: right; width: 48%; }

.mainBlocContent { clear: both; display: block; float: left; margin: 0 0 25px; width: 100%; }

.compario ul { display: block; float: left; margin-top: 25px; width: 37%; }

.comparioIntro { width: 100%; float: left; margin: 0 0 20px; display: block; clear: both; }

#leftCol .leBlog h3 { color: #F7931E; font-size: 14px; font-weight: bold; margin: 0 0 5px; }
#leftCol .leBlog span { display: block; font-size: 11px; }

#leftCol .leBlog span a { font-size: 11px; }
#leftCol .leBlog p { margin-top: 10px; }

a.readMore { font-size: 11px; }

.topBlocContainer { display: block; float: left; margin: 10px 0 20px; width: 100%; }

* html .topBlocContainer { width: 885px !important; }

* + html .topBlocContainer { width: 885px !important; }

.smallCafeHomeBloc { float: right; width: 198px; }

.smallCafeHomeBloc .cafeTop { background: transparent url( 'img/bloc-cafe-top-sm.png' ) no-repeat left top; float: left; width: 201px; height: 41px; }

.smallCafeHomeBloc .cafeContent { background: transparent url(img/bloc-cafe-repeat-sm.png) repeat-y scroll left top; float: left; height: auto; width: 201px; }

.smallCafeHomeBloc .cafeContainer { padding: 0 10px; text-align: center; }

.smallCafeHomeBloc .button-video { background: transparent url(img/button-video.png) no-repeat scroll center center; float: left; height: 49px; margin: 8px auto; position: relative; text-indent: -6999px; width: 183px; text-align: center; }

.smallCafeHomeBloc .cafeBottom { background: transparent url( 'img/bloc-cafe-bottom-sm.png' ) no-repeat left top; float: left; width: 201px; height: 47px; }



.smallCafeHomeBloc p { color: #666666; font-size: 14px; font-weight: bold; margin: 5px 0; }

.smallCafeHomeBloc h4 { font-size: 11px; font-weight: bold; margin: 9px 0 0; text-align: center; }

.menuLogin { float: right; height: 115px; position: relative; right: -8px; width: 250px; z-index: 1; display: none; }

.onglet { background: transparent url(img/onglet.png) no-repeat scroll left top; height: 24px; position: relative; right: -2px; top: -25px; width: 42px; z-index: 1; }

.blocLogin { background: transparent url(img/bg-log.png) no-repeat scroll left top; float: right; height: 115px; position: relative; right: -2px; top: -25px; width: 250px; }
.blocLogin label { font-size: 11px; color: #666; }
.blocLogin input { width: 190px; border: 1px solid #ccc; }

.blocLogin input#send { background: transparent url(img/button-connect.png) no-repeat scroll left top; border: 0 none; cursor: pointer; height: 23px; text-indent: -6999px; width: 115px; }
.blocLoginContainer { margin: 7px 27px; }

span.passwd { float: left; width: 50%; }

span.passwd a { font-size: 10px; }

span.button { float: right; width: 50%; }

.buttonandco { margin-top: 5px; }

#leftCol2 { display: inline; float: left; margin: 23px 0; padding: 0 12px; width: 307px; }

#leftCol2 h2 { border-bottom: 1px solid #CCCCCC; clear: both; color: #F7931E; display: block; float: right; font-size: 20px; margin-bottom: 12px; padding-bottom: 5px; width: 100%; }
#mainContainer h3.k { color: #343434; font-size: 16px; font-weight: bold; margin: 0 0 15px; }

#leftCol2 .benef ul li { height: 37px; margin: 0 0 10px; width: 307px; float: left; display: block; clear: both; }

#leftCol2 .benef ul li a { background: transparent url(img/insidezone.png) no-repeat scroll left top; border: 1px solid #FFAB00; float: left; height: 37px; width: 217px; font-size: 14px; font-weight: bold; color: #666; padding-left: 90px; line-height: 3em; text-decoration: none; }

#leftCol2 .benef ul li a:hover, #leftCol2 .benef ul li a.current { background: transparent url(img/slide-hover.png) no-repeat scroll left top; text-align: right; width: 275px; padding: 0 50px 0 0; color: #333; border: 0; }


#rightCol2 { display: inline; float: right; margin: 23px 0; padding: 0 30px; width: 475px; }

#rightCol2 h2 { border-bottom: 1px solid #CCCCCC; clear: both; color: #F7931E; display: block; float: left; font-size: 20px; margin-bottom: 12px; padding-bottom: 5px; width: 100%; }

.menuonglets { float: left; left: 174px; position: relative; top: -27px; width: 300px; }

.menuonglets a.current { background: transparent url(img/onglet-act.png) no-repeat scroll left top; float: left; height: 31px; width: 111px; }

.menuonglets a { background: transparent url(img/ongletno.png) no-repeat scroll left top; float: left; height: 31px; width: 111px; margin: 0 5px; padding: 5px 0; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; }

.mainContainer h3.k { font-size: 16px; font-weight: bold; margin: 14px; }

.leftBloc { float: left; background: transparent url(img/blocLeftRepeat.png) repeat-y scroll left top; width: 325px; margin: 0 0 15px; }

.leftBlocTop { background: transparent url(img/blocLeftTop.png) no-repeat scroll left top; float: left; height: 12px; width: 313px; }

.leftBlocBottom { background: transparent url(img/blocLeftBottom.png) no-repeat scroll left top; float: left; height: 12px; width: 313px; }

.leftBlocContentContainer { padding: 10px; }


.Bloc2 { float: left; background: transparent url(img/blocRepeat2.png) repeat-y scroll left top; width: 480px; margin: 0 0 15px; }

.Bloc2Top { background: transparent url(img/blocTop2.png) no-repeat scroll left top; float: left; height: 12px; width: 480px; }

.Bloc2Bottom { background: transparent url(img/blocBottom2.png) no-repeat scroll left top; float: left; height: 12px; width: 480px; }

.Bloc2ContentContainer { padding: 10px; display: block; float: left; }


#rightCol2 .Bloc2 h4 { font-size: 14px; font-weight: bold; margin: 0 0 10px; background: none; padding: 0; }

.Bloc2 p.orange { color: #F7931E; font-weight: bold; }


.leftBlocContent { float: left; display: block; width: 100%; }
.quote { background: transparent url(img/quote.png) no-repeat scroll left top; float: left; height: 19px; left: 15px; position: relative; top: -6px; width: 29px; z-index: 99; }

.blocRightCol { width: 100%; float: left; display: block; margin: 0 0 15px; }
.blocRightCol img { margin: 10px 0; }

#rightCol2 h4 { background: transparent url(img/puce.png) no-repeat scroll left center; clear: both; display: block; font-size: 14px; font-weight: bold; margin: 0 0 5px; padding-left: 17px; }
#brands { border: 1px solid #CCCCCC; clear: both; display: block; float: left; height: 78px; width: 100%; }
#slider { }
#slider li, #slider ul { margin: 0; padding: 0; list-style: none; }
#slider { width: 306px; }
#slider li { width: 93px; height: 80px; }

#slider li a:hover { width: 93px; height: 93px; background: transparent url(img/bg-brand.png) no-repeat left top; }

.offreTab { margin: 0 0 15px; }
.offreTab table { border-collapse: collapse; border: 0 none; font: normal 11px verdana, arial, helvetica, sans-serif; color: #333; background: #ECECEC; }

.offreTab th { border: none; padding: 3px; color: #333; vertical-align: middle; }
.offreTab td { border: none; padding: 3px; color: #333; vertical-align: middle; height: 25px; width: 190px; }
.offreTab thead th, .offreTab tfoot th { font: bold 14px arial, helvetica, sans-serif; border: 0 none; text-align: center; background: white url(img/topTable.png) repeat-x left top; height: 35px; color: #333; }
.offreTab tbody td a { background: transparent; text-decoration: none; color: #F6ECF0; }
.offreTab tbody td a:hover { background: transparent; color: #FFFFFF; }
.offreTab tbody th a { font: normal 11px verdana, arial, helvetica, sans-serif; background: transparent; text-decoration: none; font-weight: normal; color: #F6ECF0; }

.offreTab tbody th { vertical-align: top; text-align: left; width: 400px; text-align: center; }

.offreTab tbody td { vertical-align: middle; text-align: center; }
.offreTab tfoot td { border: 1px solid #38160C; background: #38160C; }
.offreTab .odd { background: #E0E0E0; }

.offreTab tr th#r97 { background: #D3D3D3; width: 400px; }
.offreTab tr th#r96 { background: #E4E4E4; width: 400px; }

.offreTab th.col2 { background: white url(img/col2.jpg) repeat-x left top; }

.offreTab tbody tr td.white { background: #fff; text-align: right !important; font-size: 9px; font-style: italic; }

.zoneButton { border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; float: left; padding: 15px 0; text-align: center; width: 100%; }

.zoneButton a { float: left; width: 173px; height: 31px; }
.zoneButton a.formation { background: white url(img/button-formation.png) no-repeat left top; margin-right: 15px; }

.zoneButton a.support { background: white url(img/button-support.png) no-repeat left top; }
.zoneButton a.partenaires { background: white url(img/button-partenaire.png) no-repeat left top; margin-left: 15px; }

.contenu p { margin: 5px 0 10px; }

span.key { font-size: 14px; font-weight: bold; color: #F7931E; }

.containerCar, .containerCarLeft { float: left; display: block; clear: both; width: 100%; }
.containerCarHome { float: right; display: block; width: 300px; }
#leftCol .containerCarHome ul li { list-style-type: none; background: transparent none repeat scroll 0 0 !important; padding-left: 1px !important; text-align: center; }

.containerCarLeft .jcarousel-skin-tango .jcarousel-container-horizontal { padding: 10px 3px !important; width: 245px; }

.slider2 { border: 1px solid #CCCCCC; clear: both; display: block; float: left; height: 76px; width: 475px; margin: 30px 0; }
.slider2 ul li { display: inline; float: left; background: none; padding: 5px 16px; }
.slider2 ul li.current { background: transparent url(img/slider2-over.png) no-repeat scroll center top; height: 112px; position: relative; top: -13px; width: 86px; }
.slider2 ul li.current img { padding: 29px 8px; }
.slider2 ul li a { }

.leftColsubmenu { float: left; margin-right: 5px; padding: 15px; width: 375px; }
.rightColsubmenu { float: right; margin-left: 5px; padding: 5px; width: 230px; }

.submenuContainer { background: #fff; width: 100%; float: left; }
.submenuContainer h2 { clear: both; color: #F7931E; display: block; font-size: 20px; padding: 0 0 15px 15px; }
.submenuContainer h3 { color: #343434; font-size: 16px; font-weight: bold; margin: 0 0 15px; }
.submenuContainer h4 { background: transparent url(img/bg-h4.png) repeat-x scroll left top; color: #343434; float: left; font-size: 16px; font-weight: bold; height: 27px; margin: 30px 0 20px; padding: 3px 15px; width: 85%; }
.submenuContainer p { color: #666; margin: 5px 0 15px; }
.submenuContainer ul li { background: transparent url(img/puce.png) no-repeat scroll left center; line-height: 1.5em; padding-left: 24px; }
.submenuContainer span.right { float: right; width: 80%; }
.submenuContainer span.left { float: left; width: 20%; }

.docu { float: left; display: block; width: 100%; clear: both; }

.footersubmenu { background: white url(img/footersubmenu.jpg) repeat-x scroll left top; color: #FFFFFF; display: block; float: left; height: 41px; width: 100%; margin-top: 20px; }
.footersubmenu a { background: transparent url(img/pucefooter.gif) no-repeat scroll right center; color: #FFFFFF; float: right; font-size: 13px; font-weight: bold; margin-right: 15px; margin-top: 19px; padding-right: 15px; text-align: right; text-decoration: none; }

.rightColsubmenu ul li { background: transparent url(img/puce2.gif) no-repeat scroll left 7px; clear: both; display: block; padding-left: 15px; }


/* Bubble pop-up 
#nav_main .submenu { position: absolute; z-index: 999; border-collapse: collapse; display: none; top: 23px; }
#nav_main .submenu td.corner { height: 15px; width: 19px; }
#nav_main .submenu td.cornerT { height: 29px; width: 19px; }
#nav_main .submenu td#topleft { background-image: url(img/bubble-1.png); }
#nav_main .submenu td.top { background-image: url(img/bubble-2.png); }
#nav_main .submenu td#topright { background-image: url(img/bubble-3.png); }
#nav_main .submenu td.leftT { background-image: url(img/bubble-4.png); }
#nav_main .submenu td.rightT { background-image: url(img/bubble-5.png); }
#nav_main .submenu td#bottomleft { background-image: url(img/bubble-6.png); }
#nav_main .submenu td.bottom { background-image: url(img/bubble-7.png); text-align: center; }
#nav_main .submenu td.bottom img { display: block; margin: 0 auto; }
#nav_main .submenu td#bottomright { background-image: url(img/bubble-8.png); }
#nav_main .submenu .submenu-contents { font-size: 12px; line-height: 1.2em; background-color: #fff; color: #666; }
#nav_main .submenu-contents th { text-align: right; text-transform: lowercase; }
#nav_main .submenu-contents td { text-align: center !important; color: #ccc; padding: 0 10px; }
#nav_main .submenu-contents td a { text-align: center; color: #F7931E; float: none; font-weight: normal; font-size: 13px; }
#nav_main .submenu-contents td a:hover { background: none; color: #666; }
*/

/**
 * Additional styles for the controls.
 */
.jcarousel-control { float: left; left: 39%; margin-top: 10px; position: relative; text-align: center; }
.jcarousel-control a { background: transparent url(img/nav-slider-off.gif) no-repeat scroll center center; color: #FFFFFF; float: left; height: 12px; padding: 0 5px; position: relative; text-decoration: none; text-indent: -6999px; width: 12px; outline: none; }
.jcarousel-control a:focus, .jcarousel-control a:active, .jcarousel-control a:hover { background: transparent url(img/nav-slider-on.gif) no-repeat scroll center center; }
.jcarousel-scroll { margin-top: 10px; text-align: center; }
.jcarousel-scroll form { margin: 0; padding: 0; }
.jcarousel-scroll select { font-size: 75%; }
#mycarousel-next, 
#mycarousel-prev { cursor: pointer; margin-bottom: -10px; text-decoration: underline; font-size: 11px; }
.selected { display: block !important; }
.leftColPopUp { float: left; margin-right: 5px; padding: 15px; width: 375px; }
.rightColPopUp { float: right; margin-left: 5px; padding: 5px; width: 230px; }
.PopUpContainer { background: #fff; width: 100%; float: left; }
.PopUpContainer h2 { clear: both; color: #F7931E; display: block; font-size: 20px; padding: 0 0 15px 15px; }
.PopUpContainer h3 { color: #343434; font-size: 16px; font-weight: bold; margin: 0 0 15px; }
.PopUpContainer h4 { background: transparent url(img/bg-h4.png) repeat-x scroll left top; color: #343434; float: left; font-size: 16px; font-weight: bold; height: 27px; margin: 30px 0 20px; padding: 3px 15px; width: 85%; }
.PopUpContainer p { color: #666; margin: 5px 0 15px; }
.PopUpContainer ul li { background: transparent url(img/puce.png) no-repeat scroll left center; line-height: 1.5em; padding-left: 24px; }
.PopUpContainer span.right { float: right; width: 80%; }
.PopUpContainer span.left { float: left; width: 20%; }

.docu { float: left; display: block; width: 100%; clear: both; }
.footerPopUp { background: white url(img/footerPopUp.jpg) repeat-x scroll left top; color: #FFFFFF; display: block; float: left; height: 41px; width: 100%; margin-top: 20px; }

.footerPopUp a { background: transparent url(img/pucefooter.gif) no-repeat scroll right center; color: #FFFFFF; float: right; font-size: 13px; font-weight: bold; margin-right: 15px; margin-top: 19px; padding-right: 15px; text-align: right; text-decoration: none; }
.rightColPopUp ul li { background: transparent url(img/puce2.gif) no-repeat scroll left 7px; clear: both; display: block; padding-left: 15px; }

/* HACK MENU HOME */
.home #nav_main { _float: left; position: absolute !important; top: 170px; left: 0; z-index: 999; display: block; }
.home #main { position: relative; top: 20px; }
.home #footer { top: 25px; }
.home #header { top: 25px; }