/* Theme Name: Coaching Dietetique Paris Theme URI: http://www.coaching-dietetique-paris.com Description: Coaching dietetique Version: 1.0 Author: Lynda Adel Author URI: Tags: fixed width, one colomn */ @import url(reset.css); .alignleft { float: left; } .alignright { float: right; padding:5px; } /* CSS Générique */ body { background: url(images/background_general.jpg) #5b5b5b repeat-x top left; text-align: center; } a { text-decoration:none; } /* Globale */ #ante_globale { width: 900px; height: 90px; margin: auto; text-align: left; position : relative; } #after_globale { width: 960px; height: 122px; margin: auto; text-align: left; position : relative; background: url(images/after_global.png) no-repeat; background-position: 20px 0px; } #after_globale #cerisecorner { position:absolute; width:146px; height:145px; top:-110px; right:3px;background: url(images/cerises.png) no-repeat; } #ante_globale .menu { position : absolute; top : 35px; right: 0px;} #ante_globale .menu ul { list-style:none; color: white; font-weight:bold; font-size:13px; font-family:Verdana;} #ante_globale .menu ul li { display:inline; list-style:none;} #ante_globale .menu ul li a{ font-family:Verdana; color:#fff; font-weight:bold; font-size:13px;} #globale { width: 900px; margin: auto; background-color: #000; text-align: left; position : relative; margin-bottom:0px; } #globale #cornerfruit { background: url(images/fruit.png) no-repeat; width : 66px; height : 69px; position : absolute; top : 36px; left: 34px; z-index:1700; } #header { height: 70px; background: url(images/background_header_horizontal.jpg) #000000 repeat-y top left;} #header #header_corner { height: 64px; width:68px; background: url(images/header_corner_tl.jpg) top left; position : absolute; top : 0px; right : 0px;} #header #separateurv { z-index:2000; height: 663px; width:2px; background: url(images/separateur_v.png) top left; position : absolute; top : 37px; left : 65px;} #header #separateurh { z-index:1500; height: 2px; width:823px; background: url(images/separateur_h.png) top left; position : absolute; top : 70px; left : 65px;} #header .h1title { position:absolute; top : 15px; left:570px; } #header .h2title { position:absolute; top : 35px; left:610px; } #header a { color:#fde125; font-family:Verdana; font-size:20px; font-weight:normal;} #footer { } #col_left { float : left; width : 64px; height:700px; background-color: #aaa; background: url(images/background_header_vertical.jpg) #000000 repeat-x top left; } #vericalTitle { height:481px; width:49px;background: url(images/coaching_dietetique_vertical.png) no-repeat; margin-top:180px;margin-left:10px; } #col_middle { float : left; width : 830px; margin-left:4px; margin-top : 2px; position: relative; } #content { position: relative; width:900px; height:auto; } .spacer { clear : both; } #content_site { width : 493px; float: left;} #content_site p { color: white; font-family: 'Verdana'; font-size: 14px; text-indent: 20px; line-height : 25px; margin: 15px; text-align: justify; } #contact { width : 321px; height : 245px; background: url(images/background_contact.png) no-repeat; float: left; } #contact h2 { color: white; font-family: 'Verdana'; font-size: 20px; margin : 30px; font-weight: normal; } .content_index .corners .corner { width : 493px; margin-top : 1px; } .content_index .corners .corner .fruitydecor { width : 154px; height: 73px; float:left; background: url(images/fruits_menu.png) no-repeat; } .content_index .corners .corner .title{ width : 339px; height: 73px; float:left; background : url(images/background_item_lueur.png) no-repeat; cursor: pointer;} .content_index .corners .corner .title h2 { font-family: Verdana; color: #cdcdcd; padding : 20px 0 0 25px; } .content_index .corners .corner .description { width : 473px; color : white; padding : 10px; display: none; background : url(images/background_description_lueur.png) repeat-y; background-position: top right;} .content_index .corners .corner .description p { color: white; font-family: 'Verdana'; font-size: 12px; text-indent: 20px; line-height : 20px; margin: 15px; } .content_index .corners .corner .description ul { list-style: disc; margin-left : 25px; line-height : 20px; } .content_index .corners .coit1 .fruitydecor { background-position: 0px 0px; } .content_index .corners .coit1 .title h2 { color: red } .content_index .corners .coit1 .description a { color: red } .content_index .corners .coit2 .fruitydecor { background-position: 0px -76px; } .content_index .corners .coit2 .title h2 { color: orange } .content_index .corners .coit2 .description a { color: orange } .content_index .corners .coit3 .fruitydecor { background-position: 0px -152px; } .content_index .corners .coit3 .title h2 { color: #f9cc24 } .content_index .corners .coit3 .description a { color: #f9cc24 } .content_index .corners .coit4 .fruitydecor { background-position: 0px -228px; } .content_index .corners .coit4 .title h2 { color: #81833c } .content_index .corners .coit4 .description a { color: #81833c } .content_index .corners .coit5 .fruitydecor { background-position: 0px -305px; } .content_index .corners .coit5 .title h2 { color: #6fa517 } .content_index .corners .coit5 .description a { color: #6fa517 } #point_info { width : 252px; height:301px; top : 40px; left: 520px; position: absolute; background: url(images/point-info.jpg) no-repeat; } #point_info .logopi { background: url(images/point-info.png) no-repeat; height: 52px; width: 142px; margin-top: -25px;} #point_info .logopi span{ display: none;} #point_info p { font-family: Verdana; color: white; font-size: 12px; margin: 15px 20px 0px 25px; line-height: 18px;} #point_info a { font-family: Verdana; color: red; font-size: 12px; line-height: 18px;} /* GENERIQUE pour tous les articles */ #content_lorem { margin-left:30px; margin-top: -40px; background-position: right top; float: left;} #content_lorem p { color: #000block_content; font-family: 'Verdana'; font-size: 14px; text-indent: 20px; line-height : 22px; margin: 12px; text-align: justify; } #content_lorem span { } #content_lorem h1 { color: #FDE125; font-size : 22px; text-align: center; font-family: 'Verdana'; } #content_lorem h2 { color: black; font-size : 22px; margin-top: 20px;} #content_lorem ul { list-style: disc; color: black; margin-left: 30px; font-family: 'Verdana'; font-size: 14px;} #content_lorem ol { list-style: decimal; color: black; margin-left: 44px; font-family: 'Verdana'; font-size: 14px; margin-top: 20px;} #content_lorem ol li{ margin : 20px 0 20px 0;} #content_lorem li { color: #000; font-family: 'Verdana'; font-size: 12px; line-height : 18px; margin-top:8px; margin-bottom: 8px; margin-left: 10px; } #content_lorem .header {height: 60px; padding-top: 100px; width: 444px; padding-left: 60px; background: url(images/article-header.png) no-repeat; } #content_lorem .content { padding-bottom: 40px; margin-bottom: 30px; padding-top: 2px; width: 414px; padding-left: 60px; padding-right:30px; background: url(images/article-background.png) repeat-y; } #content_lorem .header h1 { text-align: left; margin-top: 26px; margin-left: 30px; font-family: Verdana; font-size: 14px; color: #747474; } #content_lorem .content p { color: #747474; font-family: 'Verdana'; font-size: 12px; text-indent: 20px; line-height : 20px; margin: 12px; text-align: justify; } #content_lorem img.alignleft { margin-right: 10px; } #content_lorem img.alignright { margin-right: 10px; } #content_preview { margin-left:30px; margin-top: -40px; background-position: right top; float: left;} #content_preview .bottom { margin-top: 60px; } #content_preview .header {height: 60px; padding-top: 100px; width: 444px; padding-left: 60px; background: url(images/article-header.png) no-repeat; } #content_preview .content { padding-bottom: 40px; margin-bottom: 30px; padding-top: 2px; width: 414px; padding-left: 60px; padding-right:30px; background: url(images/article-background.png) repeat-y; } #content_preview .header h1 { text-align: left; margin-top: 26px; margin-left: 30px; font-family: Verdana; font-size: 14px; color: #747474; } #content_preview .content p { color: #000000; font-family: 'Verdana'; font-size: 12px; text-indent: 20px; line-height : 20px; margin: 12px; text-align: justify; } #content_preview .blinks { margin-top: 20px; margin-left: 30px; } #content_preview .blinks .logo { float: left; width: 42px; height: 40px; } #content_preview .blinks .logo { float: left; } #content_preview .blinks .link { padding-left: 12px; float: left; width: 300px; } #content_preview .blinks .link a{ font-size: 12px; font-family: Verdana; font-weight: bold;} #content_preview .blinks .link p{ color: #747474; font-size: 12px; font-family: Verdana; text-indent: 0px; margin:0px; padding:0px; line-height: 14px; text-align: left; margin-top: 2px;} #content_preview .lire-la-suite .logo { background: url(images/bouton-article-forum.png) no-repeat; } #content_preview .rss .logo { background: url(images/bouton-article-rss.png) no-repeat; } #content_preview .facebook .logo { background: url(images/bouton-article-facebook.png) no-repeat; } #content_preview .lire-la-suite .link a { color: #369133; } #content_preview .rss .link a { color : #ffc600; } #content_preview .facebook .link a { color : #264cc9; } #content_preview .block-connection { margin-top : 30px; margin-bottom: 30px; display: none;} .block-connection input { width : 100px; float: left; } .block-connection .submit { margin-left: 110px; width : 100px; float: left; border: 1px solid #369133; font-family: Verdana; color: #369133; background: none; margin-top: 10px;} .block-connection label { color: #335577; font-family: Verdana; font-size : 12px; display: block; width : 100px; padding-right: 10px; float: left; padding-top : 4px; font-weight: bold; text-align: right; } .block-connection .inp { margin-top: 7px; } .block-breadcrumb { margin-top : -40px; margin-left:40px; color: #cdcdcd; font-weight: bold; font-family: Verdana; font-size: 12px; } .block-breadcrumb a{ color: #FDE125; font-weight: bold; } .block-breadcrumb span{ background: url(images/breadcrumb-next.png) no-repeat; height: 12px; width:12px; } #colone-right { padding-left: 25px; float: left; width: 265px; height: 100px; padding-top: 27px; } .block-connection-encapsule .content { background: #fff; width: 236px; padding-top: 20px; padding-bottom: 20px;} .block-connection-encapsule .block-connection { padding-top: 20px; } .block-connection-encapsule { width : 260px; } .block-connection-encapsule .title { width : 260px; height: 77px; padding-top:1px; background: url(images/block-connection-header.png) no-repeat; } .block-connection-encapsule .title .key { width : 80px; height: 50px; background: url(images/block-connection-header-key.png) no-repeat; margin-top: 23px; } .block-connection-encapsule .suscribe { color: #369133; font-family: Verdana; font-size: 12px; font-weight: bold; } .block-connection-encapsule p { color: #747474; font-family: Verdana; font-size: 12px; margin-left: 20px; } .block-lock { width: 236px; background: url(images/block-lock-background.png) no-repeat; background-position: bottom left; padding-top: 40px;} .block-lock .content p { font-family: Verdana; font-size: 12px; color: #fdfdfd; margin : 10px;} .block-lock .content { padding : 1px; } .block-lock .title { position: relative; height: 40px; } .block-lock .title .lock { background: url(images/lock.png) no-repeat; position: absolute; width: 67px; height: 58px; left: 165px; top: -20px; } .block-lock .title .h2title { font-family: Verdana; color: #fdfdfd; font-size: 18px; position: absolute; top: 17px; left: 10px; font-weight: normal;} .block-membre .content { background: #fff; width: 236px; padding-top: 20px; padding-bottom: 20px;} .block-membre .block-connection { padding-top: 20px; } .block-membre { width : 260px; } .block-membre .title { width : 260px; height: 77px; padding-top:1px; background: url(images/block-connection-header.png) no-repeat; } .block-membre .title .key { width : 80px; height: 50px; background: url(images/block-profile-log.png) no-repeat; margin-top: 23px; } .block-membre .suscribe { color: #369133; font-family: Verdana; font-size: 12px; font-weight: bold; } .block-membre p { color: #747474; font-family: Verdana; font-size: 12px; margin: 5px; margin-left: 20px; } .block-membre .content-header { height: 80px; margin-bottom: 20px; } .block-membre .content-header .fl { display: block; float: left; width : 80px; height: 80px;} .block-membre .content-header .fl img { padding : 5px; border: 1px solid #747474; height: 60px;} .block-membre .content-header .sl { display: block; float: left; width : 100px; margin-top : 5px; } .block-membre .content a { color: #369133; font-weight: bold; font-size: 12px; } .block-mon-poids { margin-top: 30px; } .block-mon-poids .content { background: #fff; width: 236px; padding-top: 20px; padding-bottom: 20px;} .block-mon-poids .block-connection { padding-top: 20px; } .block-mon-poids { width : 260px; } .block-mon-poids .title { width : 260px; height: 52px; padding-top:1px; background: url(images/mon-poids-header.png) no-repeat; } .block-mon-poids p { color: #747474; font-family: Verdana; font-size: 12px; margin: 5px; margin-left: 20px; } .block-mon-poids .content-header { height: 80px; margin-bottom: 20px; } .block-mon-poids .content a { color: #369133; font-weight: bold; font-size: 12px; } .block-mon-poids p.form { margin-left: 70px; margin-top: 30px; } .block-mon-poids .weight { width : 23px; height: 17px; background: url(images/mon-poids-input.png) no-repeat; border: none; margin: 0px; padding: 0px; font-size: 10px; color: #747474; font-weight: bold; } .block-mon-poids .submit-weight { width : 30px; height: 17px; background: url(images/mon-poids-ok.png) no-repeat; border: none; margin: 0px; padding:0px; } .block-forum-associated .content { background: #fff; width: 236px; padding-top: 20px; padding-bottom: 20px;} .block-forum-associated .block-connection { padding-top: 20px; } .block-forum-associated { width : 260px; } .block-forum-associated .title { width : 260px; height: 77px; padding-top:1px; background: url(images/block-connection-header.png) no-repeat; } .block-forum-associated .title .key { width : 80px; height: 50px; background: url(images/block-forum-associated.png) no-repeat; margin-top: 23px; } .block-forum-associated p { color: #747474; font-family: Verdana; font-size: 12px; margin: 5px; margin-left: 20px; } .block-forum-associated .content a { color: #369133; font-weight: bold; font-size: 12px; } .block_content { width: 493px; float: left; } .block_content p { color: white; font-family: Verdana; font-size: 14px; padding: 20px; line-height: 20px; text-indent: 20px; } .block_content p a { color: yellow; font-family: Verdana; font-size: 14px; padding: 20px; line-height: 20px; text-indent: 20px; } .block-pre-footer { padding: 20px; padding-left: 60px; position: relative; } .block-pre-footer img { padding-left: 40px; } .block-pre-footer a{ padding: 0px; } .block-pre-footer .mentions { position : absolute; top: 30px; left: 220px; } .block-pre-footer .mentions p{ font-family: Verdana; font-size: 12px; color: #767676; } .block-pre-footer .partenaires { position : absolute; top: 45px; left: 220px; } .block-pre-footer .partenaires p{ font-family: Verdana; font-size: 12px; color: #767676; } .block-pre-footer .partenaires p a { font-family: Verdana; font-size: 12px; color: #990000; } .block-pre-footer .partenaires p.wri { width: 500px; } .quiz-form { font-family: Verdana; font-size: 12px; color: #747474; } .quiz-form .answer { font-family: Verdana; font-size: 12px; color: #747474; margin: 3px; } .quizzin-question { padding : 10px 20px 10px 20px;} .quizzin-question .question-content { padding-right: 50px;} .questionnaire-explication { font-family: Verdana; font-size: 11px; color: #fdfdfd; line-height: 14px; padding-top: 30px; padding-right: 20px;} .questionnaire-explication h2 { font-size: 14px; margin : 20px; line-height: 16px; } .questionnaire-explication p { text-align: justify; margin-top: 10px; margin-bottom: 10px;} .questionnaire-explication a { color: red; text-decoration: none; } .content-tarifs-titre { display: block; margin-top: 60px; margin-left: 40px; color: #cdcdcd; font-size: 18px; font-family: Verdana; } .content-tarifs { margin-top: 50px; } .content-tarifs .offre { background: url(images/offre-background.png) no-repeat; width:249px; height:325px; float: left; margin-left: 20px; padding-top: 1px; position: relative;} .content-tarifs .offre .offre-logo { width:130px; height:130px; margin-top: 00px; margin-left: auto; margin-right: auto; padding-top: 1px;} .content-tarifs .offre .offre-logo .prix { color: black; width: 100%; text-align: center; margin-top: 40px; font-weight:bold; font-size: 16px; font-family: Verdana; } .content-tarifs .offre .offre-logo .nom { color: white; width: 100%; text-align: center; margin-top: 5px; font-weight:bold; font-size: 16px; font-family: Verdana} .content-tarifs .offre .details { display: block; position: absolute; top: 300px; left: 60px; color: yellow; font-weight: bold; } .content-tarifs .offre .details a { color: #FDE125; font-family: Verdana; font-size: 10px; } .content-tarifs .offre ul { color: white; margin-left: 20px; margin-top: 15px; font-size: 12px; margin-right: 20px; } .content-tarifs .offre ul li { margin-top: 5px; font-family: Verdana;} .content-tarifs .offre .offre-logo-bg1 { background: url(images/offre-logo-background.png) no-repeat; } .content-tarifs .offre .offre-logo-bg2 { background: url(images/offre-logo-background-vert.png) no-repeat; } .content-tarifs .lynda-adel-visuel { float: left; width:155px; margin-top: 20px; margin-left: 00px; } .content-tarifs .carte-de-visite { float: left; width:250px; margin-top: 20px; margin-left: 30px; } .content-tarifs .tarifs-explications { float: left; width:350px; margin-top: 40px; margin-left: 20px; text-align: justify;} .content-tarifs .tarifs-explications p { color: white; margin-bottom: 20px; text-indent: 20px; font-family: Verdana ; font-size: 12px; } .relative { position: relative; }