/*** générique ***/
.ultBlocPaddingMisc { padding: 0 15px 5px }
.ultBlocPaddingEdito { padding: 10px 30px 10px 36px }



/********************************************************************************************************************
	- PAGES GENERIQUES -
/*******************************************************************************************************************/

/*** générique ***/
h3 { padding: 10px 10px 11px; font-size: 14px; background: transparent url(/img/main/common/ultDotH1.gif) repeat-x 0 bottom }
h4 { padding: 20px 0 5px; font-size: 12px }
h4.ultSubTitle { padding: 10px 0 0 }
h4.ultSubTitleCaps { padding: 10px 0 0; text-transform:uppercase; }
h5 { padding: 0 0 5px; font-size: 12px }

/*** listes ***/
ul { padding: 0px 10px 0 40px }
ul li.ultSummary { margin-top: 5px; text-transform: uppercase }
html[xmlns*=""] body:last-child ul li.ultWhat { font-size:11.5px; padding-top:1px }
ul.ultPuce { list-style-type: disc; list-style-position: outside; padding: 0 10px 10px 40px }
ul.ultPuce li { text-align: justify }
ul.ultPuce2 { list-style-type:circle; list-style-position: outside; padding: 0 10px 10px 20px }
/*** liens ***/
.ultTopPage { text-align: right; padding-right: 12px }

/*** barre de séparation en pointillé ***/
div.ultDotted { padding: 5px 0; background: transparent url(/img/main/common/ultDotH1.gif) repeat-x 0 center }



/********************************************************************************************************************
	- WHAT'S DIFFERENT ? -
/*******************************************************************************************************************/
div#ultWhatsDifferent #ultBlocPaddingMisc { padding: 15px 30px }
div#ultWhatsDifferent .ultBlocPaddingMisc { padding: 0 15px }
div#ultWhatsDifferent .ultHowTitle { margin-bottom:15px; }
div#ultWhatsDifferent h4 { padding: 0 0 10px; font-size: 20px; font-weight: bold }
div#ultWhatsDifferent h5.ultWhatsTitle1 { padding: 10px 0; font-size: 16px; font-weight: normal }
div#ultWhatsDifferent h5.ultWhatsTitle2 { font-weight:normal; font-size: 14px; margin:10px; padding-left:3px; }
div#ultWhatsDifferent h5.ultWhatsTitle2 strong { font-weight:bold; }
div#ultWhatsDifferent h5.ultWhatsTitle3 { font-size:16px; padding:6px 15px; font-weight: normal }

div.ultBlocWhatsdiff1 { background: transparent url(/img/main/misc/ultBlocWhatsdifferent1.jpg) repeat-y center 0; height:302px; margin-right:12px; width:229px; }
div.ultBlocWhatsdiff2 { background: transparent url(/img/main/misc/ultBlocWhatsdifferent2.jpg) repeat-y center 0; height:302px; margin-right:12px; width:229px;}
div.ultBlocWhatsdiff3 { background: transparent url(/img/main/misc/ultBlocWhatsdifferent3.jpg) repeat-y center 0; height:302px; width:229px;}

div#ultPushRegister { background: transparent url(/img/main/misc/ultPushRegister.jpg) no-repeat center 0; height:92px; width:707px; padding-bottom:10px; }
div#ultPushRegister a#ultBtnRegister { background:transparent url(/img/main/header_footer/ultRegisterNew.gif) no-repeat scroll 0 0; color:#fff; display:block; font-size:160%; font-weight:bold; line-height:19px; margin-right:9px; margin-top:15px; text-align:center; text-decoration:none; width:221px; height:50px;border-width:0px; }
div#ultPushRegister a#ultBtnRegister:hover { background-position: 0 -61px }
/*pour alignement si texte sur une ou deux ligne*/
div#ultPushRegister a.ultVertAlign { padding-top: 9px }
div#ultPushRegister a.ultVertAlignFR { height: 50px; padding-top: 10px }


.ultMiscEdito { padding: 0px 25px 25px 25px }
.ultMiscEdito2 { padding: 10px 25px 15px 25px }
.ultWhatsText { padding: 0px 10px 2px 9px }
.ultWhatsSmallTitle { font-size: 15px }
.ultWhatsBarre {border-bottom: solid 1px #cccccc}
.ultWhatsBloc { width: 320px; text-align:justify; }
.ultWhatsBlocCenter {background: transparent url(/img/main/common/ultDotV1.gif) repeat-y center 0; width: 100% }



/********************************************************************************************************************
	- ADVICES -
/*******************************************************************************************************************/
.ultAdvicesBlocCenter { padding-top: 20px; text-align:justify }
.ultAdvicesTitle { padding: 20px 0 4px }



/********************************************************************************************************************
	- HOW IT WORKS -
/*******************************************************************************************************************/
a.ultBtnSuite { float: right; width: 116px; height: 18px; line-height: 16px; text-align: center; color: #60646C; text-decoration: none; background: transparent url(/img/main/common/ultPaginationNextRed.gif) no-repeat; margin:0 118px; }
a.ultBtnSuite:hover { background: transparent url(/img/main/common/ultPaginationNextRed.gif) no-repeat 0 -19px }

.ultBigSpacer {height:50px}
.ultHowitworksText { width: 330px; float: left; text-align: justify }
.ultHowTitle { font-size: 11px; border-bottom: 1px solid #cccccc; padding-bottom: 4px; }
.ultHowSmallTitle {font-size: 15px; text-align: left }
.ultHowBigTitle { font-size: 16px; font-weight:bold; }
.ultHowBigTitleNum {font-size: 17px; font-weight: bold}
.ultHowText {text-align:justify;}
.ultBlocBtnMisc {padding: 12px 0 8px 0}

/* bouton Grand Gris Rouge */
a.ultBtnMiscOn span { display: block; font-size: 18px; font-weight: bold; font-family:arial; color: #FFFFFF; text-decoration: none }
a.ultBtnMisc span { display: block; font-size: 18px; font-weight: bold; font-family:arial; color: #cccccc; text-decoration: none }
a.ultBtnMisc:hover span { display: block; font-size: 18px; font-weight: bold; font-family:arial; color: #FFFFFF; text-decoration: none }

/* bouton Petit Gris Rouge */
a.ultBtnMiscOnV2 { color:#ffffff; font-weight:bold; display: block; padding: 1px 0 0 0; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnHow.gif) no-repeat 0 -18px; width: 20px; height: 17px; margin-right: 6px }
a.ultBtnMiscV2 { color:#333333; font-weight:bold; display: block; padding: 1px 0 0 0; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnHow.gif) no-repeat 0 0; width: 20px; height: 17px; margin-right: 6px }
a.ultBtnMiscV2:hover { color:#ffffff; background: transparent url(/img/main/btn/ultBtnHow.gif) no-repeat 0 -18px; }

/********************************************************************************************************************
	- COACHING -
/*******************************************************************************************************************/
div#ultCoaching div.ultBlocPaddingMisc { padding: 15px 30px; }
div#ultCoaching .ultHowTitle { margin-bottom:15px; }
div#ultCoaching p.ultSpacing { padding-top:10px; }
div#ultCoaching  .ultBorder { border-bottom:1px solid #ddd }
div#ultCoaching div#ultCoachingLeft { background-image:url(/img/main/common/ultDotV1.gif); background-position:329px 0; background-repeat:repeat-y; float:left; height:360px; margin-right:30px; padding-right:30px; width:300px; }
div#ultCoaching div#ultCoachingLeft ul { list-style-position:inside; padding:0; }
div#ultCoaching div#ultCoachingLeft li { padding:10px 0 }
div#ultCoaching div#ultCoachingRight { float:left; width:300px; }
div#ultCoaching div#ultCoachingRight p.ultSpacing { line-height:16px; }
div#ultCoaching h4 { padding: 0 0 10px; font-size: 20px; font-weight: normal }
div#ultCoaching h5 { font-size:16px; font-weight:normal; padding:5px 0 8px; }
/*div#ultCoaching div#ultBannerFlash div#ultVisuelCoaching { height:224px; margin:0 auto 0; position:relative; width:686px; }
div#ultCoaching div#ultBannerFlash div#ultVisuelCoaching img { left:0; position:absolute; top:0; display:none; width:686px; }*/
div#ultCoaching div#ultBannerFlash div#ultVisuelCoachingFix { height:235px; margin:0 auto 0; position: relative; width:686px; background: transparent url(/img/main/misc/ultCoachingFix.jpg) no-repeat }
div#ultCoaching p#ultPhone { font-size: 20px }


/********************************************************************************************************************
	- COACHING BIBLIOGRAPHY -
/*******************************************************************************************************************/
div#ultCoaching h4#ultTitleBiblio { padding: 0 15px 10px; }
div#ultCoaching h5#ultTitleBiblio2 { padding: 0 15px 10px; border:none; }
div#ultCoaching div.ultBlocHeaderBiblio { width: 726px; height: 10px; margin: 0 10px; background: transparent url(/img/main/common/ultBlocHeaderBiblio.gif) no-repeat 0 0; }
div#ultCoaching div.ultBlocFooterBiblio { width: 726px; height: 10px; margin: 0 10px; background: transparent url(/img/main/common/ultBlocFooterBiblio.gif) no-repeat 0 0; }
div#ultCoaching div#ultArea { width: 715px; margin: 0 10px; padding-left: 9px; background: #f8f7f5; border-left: 1px solid #efede8; border-right: 1px solid #efede8; }
div#ultCoaching div#ultArea p.ultTxtBiblio { height: 54px; padding: 5px 0 0 130px; font-size: 13px; background: transparent url(/img/fr/misc/ultBibliography.jpg) no-repeat 0 0; }
div#ultCoaching p.ultTxtBiblio2 { padding: 15px; }
div#ultCoaching div#ultAreaBiblio { width: 715px; margin: 0 10px; padding-left: 9px; background: #f8f7f5; border-left: 1px solid #efede8; border-right: 1px solid #efede8; }
div#ultCoaching div#ultBook { float: left; width: 92px; margin: 0 25px 10px; _margin: 0 20px 10px; }
div#ultCoaching span.ultBook1 { display: block; width: 87px; height: 127px; background: transparent url(/img/fr/misc/ultBook1.gif) no-repeat 0 0; }
div#ultCoaching span.ultBook2 { display: block; width: 87px; height: 127px; background: transparent url(/img/fr/misc/ultBook2.gif) no-repeat 0 0; }
div#ultCoaching span.ultBook3 { display: block; width: 87px; height: 127px; background: transparent url(/img/fr/misc/ultBook3.gif) no-repeat 0 0; }
div#ultCoaching span.ultBook4 { display: block; width: 87px; height: 127px; background: transparent url(/img/fr/misc/ultBook4.gif) no-repeat 0 0; }
div#ultCoaching span.ultBook5 { display: block; width: 87px; height: 127px; background: transparent url(/img/fr/misc/ultBook5.gif) no-repeat 0 0; }
div#ultCoaching span.ultBook6 { display: block; width: 87px; height: 127px; background: transparent url(/img/fr/misc/ultBook6.gif) no-repeat 0 0; }
div#ultCoaching span.ultBook7 { display: block; width: 87px; height: 127px; background: transparent url(/img/fr/misc/ultBook7.gif) no-repeat 0 0; }
div#ultCoaching span.ultBook8 { display: block; width: 87px; height: 127px; background: transparent url(/img/fr/misc/ultBook8.gif) no-repeat 0 0; }
div#ultCoaching span.ultBook9 { display: block; width: 87px; height: 127px; background: transparent url(/img/fr/misc/ultBook9.gif) no-repeat 0 0; }
div#ultCoaching span.ultBook10 { display: block; width: 87px; height: 127px; background: transparent url(/img/fr/misc/ultBook10.gif) no-repeat 0 0; }
div#ultCoaching p#ultTxtBook { text-align: center; }




/********************************************************************************************************************
	- ADVICES - VIDEOS -
/*******************************************************************************************************************/
div#ultAdvicesVideos h4 { padding: 0 0 10px; font-size: 20px; font-weight: normal }
div#ultAdvicesVideos div.ultVideo { float: left; width: 111px; height: 146px; padding: 4px; text-align: center }
div#ultAdvicesVideos div.ultVideo a.ultVideoLink { display: block; height: 80px; margin-bottom: 10px }
div#ultAdvicesVideos div.ultVideoBig { display: none; text-align: center }
div#ultAdvicesVideos div.ultLink { padding: 10px 0 }



/********************************************************************************************************************
	- ADVICES - ONLINE -
/*******************************************************************************************************************/
div#ultAdvicesEdito .ultBlocPaddingMisc { padding: 20px 30px }
div#ultAdvicesEdito .ultTitleAdv { border-bottom:1px solid #ccc; height:20px; margin-bottom:15px; float: left; width:73%; }
div#ultAdvicesEdito .ultPaginationArt { background:transparent url(/img/main/common/ultPaginationButton.gif) no-repeat 0 0; width:25px; height:20px;}
div#ultAdvicesEdito .ultPaginationTxt { width: 110px; }
div#ultAdvicesEdito #ultPaginationSymb1 { line-height:17px; margin-right:2px; text-align:center; }
div#ultAdvicesEdito #ultPaginationSymb2 { line-height:17px; margin-right:4px; text-align:center; }
div#ultAdvicesEdito #ultPaginationSymb3 { line-height:17px; margin-right:2px; text-align:center; }
div#ultAdvicesEdito a.ultPaginationSymb { color:#000; }
div#ultAdvicesEdito li a { line-height: 16px }
div#ultAdvicesEdito ul#ultLinksLeft { float: left; width: 330px; padding: 0; list-style-type: disc; list-style-position: inside }
div#ultAdvicesEdito ul#ultLinksLeft li a span { display:none; }
div#ultAdvicesEdito ul#ultLinksRight { float: right; width: 330px; padding: 0; list-style-type: disc; list-style-position: inside }
div#ultAdvicesEdito ul#ultLinksRight li a span { display:none; }
div#ultAdvicesEdito .ultActiveArt { color:#D70000; text-decoration:none; }
div#ultAdvicesEdito .ultSeparation { border-bottom: 1px #ccc solid; height:30px; margin-bottom:10px; }


/********************************************************************************************************************
	- ADVICES - EDITO -
/*******************************************************************************************************************/
div#ultAdvicesEdito h4 { padding: 20px 0 33px; font-size: 16px }
div#ultAdvicesEdito h4 span { font-size: 12px }
div#ultAdvicesEdito div.ultArticle { display: block; }
div#ultAdvicesEdito div.ultEditoTitle { padding: 0 0px 2px; border-bottom: 1px solid #CCCCCC }
div#ultAdvicesEdito div.ultEditoText { line-height: 18px; text-align: justify }
div#ultAdvicesEdito div.ultVisual { float: left; width: 304px; height: 304px; margin-right: 15px }
div#ultAdvicesEdito div.ultVisualNews { background: transparent url(/img/main/misc/ultAdvicesVisualNews.jpg) no-repeat }



/*** Nouveau Design ***/
div#ultAdvicesEdito .ultEditoLeft { width:360px }
div#ultAdvicesEdito .ultEditoLeftText { text-align:justify; width:307px; padding-top:20px; line-height:17px; clear: both }
div#ultAdvicesEdito .ultEditoRight { width:320px; text-align:justify; line-height:20px }
div#ultAdvicesEdito .ultEditoLineHeight { line-height:20px }
