/******************************************************************
Theme Name: CCIB V2
Theme URI:
Description: This site was built using the Bones Development Theme. For more information about Bones or to view documentation, you can visit the Bones Documentation page. You can also view the conversation on Twitter by following the hashtag: #wpbones.
Author: Jean Baptiste Comte
Author URI:
Version: 2.0
Tags: html5, css3, fixed, development, bones, h5bp
License: GPL or whatever
License URI: http://www.gnu.org/copyleft/gpl.html
All Default Styles are in library/css/normalize.css
I reccommend not editing those files and making all
changes here. That way if something goes awry, you
can easily revert back to the original, but that's
totally up to you. Happy Developing!
******************************************************************/
/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/
body { background: #f0efec; font-family:"Trebuchet MS", sans-serif;}
/******************************************************************
GRID STYLES
******************************************************************/
/* 960 Grid System (http://960.gs/ ) */
#container, .wrap {
width: 1000px;
}
#container, .wrap {
margin: 0 auto;
padding: 0 10px;
}
/* layout options ( all have margins right & left of 2.1276596%) */
.col60 { width: 6%; } /* width 60px / grid_1 */
.col140 { width: 14%; } /* width 140px / grid_2 */
.col170 { width: 17%; } /* width 170px / grid_3 */
.col220 { width: 22%; } /* width 220px / grid_3 */
.col240 { width: 24%; }
.col320 { width: 32%; } /* width 320px / grid_4 */
.col380 { width: 38%; } /* width 380px / grid_5 */
.col480 { width: 48%; } /* width 480px / grid_6 */
.col540 { width: 54%; } /* width 540px / grid_7 */
.col680 { width: 68%; } /* width 680px / grid_8 */
.col700 { width: 70%; } /* width 700px / grid_9 */
.col760 { width: 76%; }
.col780 { width: 78%; } /* width 780px / grid_10 */
.col830 { width: 83%; } /* width 830px / grid_11 */
.col860 { width: 86%; } /* width 860px / grid_11 */
.col1000 { width: 100.0%; } /* width 940px / grid_12 */
/* layout & column defaults */
.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 {
display: inline;
float: left;
position: relative;
margin-left: 1.0638298%; /* 10px */
margin-right: 1.0638298%; /* 10px */
}
/* default styles & fixes */
.first { margin-left: 0; } /* fixes alignment */
.last { margin-right: 0; } /* fixes alignment */
/* To Use Another Grid System, simply visit:
http://themble.com/support/bones-grid/
There, you can check out how to replace this grid with other like:
960, Blueprint, and any other custom ones.
*/
/******************************************************************
COMMON & REUSABLE STYLES
******************************************************************/
/* floats */
.left { float: left; }
.right { float: right; }
/* text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
/* highlighting search term on search page */
mark, .search-term { background: #EBE16F; }
/* alerts & notices */
.help, .info, .error, .success { margin: 10px; padding: 5px 18px; border: 1px solid #cecece; }
.help { border-color: #E0C618; background: #EBE16F; }
.info { border-color: #92cae4; background: #d5edf8; }
.error { border-color: #fbc2c4; background: #fbe3e4; }
.success { border-color: #c6d880; background: #e6efc2; }
/* To embed your own fonts, use this syntax
and place your fonts inside the
library/fonts folder. For more information
on embedding fonts, go to:
http://www.fontsquirrel.com/
Be sure to remove the comment brackets.
*/
/* @font-face {
font-family: 'Font Name';
src: url('library/fonts/font-name.eot');
src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
url('library/fonts/font-name.woff') format('woff'),
url('library/fonts/font-name.ttf') format('truetype'),
url('library/fonts/font-name.svg#font-name') format('svg');
font-weight: normal;
font-style: normal;
}
*/
/******************************************************************
LINK STYLES
******************************************************************/
a, a:visited { color:#626262; text-decoration:none; }
a:hover, a:focus { text-decoration: underline }
a:active {} /* on click */
a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }
/******************************************************************
TEXT SELECTION STYLES
******************************************************************/
/* Highlighted Text */
::selection {
background: #6fc2f6;
color:#fff;
text-shadow : none;
}
/* Firefox */
::-moz-selection {
background: #6fc2f6;
color:#fff;
text-shadow : none;
}
/******************************************************************
WORDPRESS BODY CLASSES
want to style a page via body class? go ahead
******************************************************************/
.rtl {}
.home {} /* home page */
.blog {}
.archive {} /* archive page */
.date {} /* date archive page */
.date-paged-1 {} /* replace the number to the corresponding page number */
.search {} /* search page */
.search-results {} /* search result page */
.search-no-results {} /* no results search page */
.search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */
.error404 {} /* 404 page */
.single {} /* single post page */
.postid-1 {} /* individual post page by id (i.e. body.postid-73) */
.single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */
.attachment {} /* attatchment page */
.attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */
.attachment-mime-type {} /* style mime type pages */
.author {} /* author page */
.author-nicename {} /* user nicename (i.e. body.author-samueladams) */
.author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */
.category {} /* category page */
.category-1 {} /* individual category page (i.e. body.category-6) */
.category-paged-1 {} /* replace the number to the corresponding page number */
.tag {} /* tag page */
.tag-slug {} /* individual tag page (i.e. body.tag-news) */
.tag-paged-1 {} /* replace the number to the corresponding page number */
.page-template {} /* custom page template page */
.page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */
.page-paged-1 {} /* replace the number to the corresponding page number */
.page-parent {}
.page-child {}
.parent-pageid-1 {} /* replace the number to the corresponding page number */
.logged-in {} /* if user is logged in */
.paged {} /* paged items like search results or archives */
.paged-1 {} /* individual paged (i.e. body.paged-3) */
.no-border {border: none;}
/******************************************************************
HEADLINES & TITLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family:"Trebuchet MS", sans-serif; font-weight: 500; color:#626262; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }
h1, .h1 { font-size: 1.7em; line-height: 1.15em; text-transform: uppercase; font-style: italic; border-bottom : 1px solid #bfbfbe; padding-left:15px; background: transparent url(images/h1-big-border-right.jpg) no-repeat center left;}
h2, .h2 { font-size: 1.15em; line-height: 1.2em; font-style: italic; text-transform: uppercase; margin-bottom:0.4em; font-weight: bold; border-bottom : 1px solid #bfbfbe;}
h3, .h3 { font-size: 1.125em; }
h4, .h4 { font-size: 1.1em; font-weight: 700; }
h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; }
/******************************************************************
HEADER SYTLES
******************************************************************/
header[role=banner] {
width:100%;
background: black url(images/header-background.jpg) top center;
color:#FFF;
height: 145px;
border-bottom: 17px solid #d3d2cf;
}
p { margin:0;}
#logo { float:left;}
#logo, div.header-border, div#header-right {margin-top: 8px;}
div#inner-header {
width:1000px;
margin: 0 auto;
padding-top: 10px;
}
p#baseline {
color: #FFF;
font-size: 20pt;
float:left;
text-align: center;
line-height: 30px;
margin: 30px 9px;
font-style: italic;
width: 510px;
}
div.header-border {
border-right: 1px solid #373535;
display: block;
width:2px;
height: 110px;
float:left;
}
div#header-right {
float:right;
}
div#header-language-list {
float:left;
}
div#header-language-list ul {
margin:0 3px 0 0;
padding:0;
list-style-type: none;
line-height: 10px;
}
div#header-language-list ul li {
float:left;
margin-left: 10px;
padding-left:10px;
border-left: 1px solid #cac9c6;
}
div#header-language-list ul li:first-child {
border-left: none;
margin: 0;
padding-left:0;
border:none;
}
/* Language selector */
div#header-language-list ul li a img, div#header-language-list ul li img {
margin-right:5px;
border: 1px solid #8b8d8d;
}
div#header-language-list ul li a, div#header-language-list ul li {
text-transform: capitalize;
color:#8b8d8d;
}
div#header-contact {
background: url(images/header-contact-background.jpg) no-repeat top left;
width:195px;
height:85px;
padding:10px 0 0 8px;
overflow: hidden;
}
div#header-contact p {
line-height: 10pt;
font-size: 8.5pt;
width:100%;
}
div#header-contact p#contact-question {
border-bottom: 2px solid #4c4b4c;
padding-bottom: 5px;
margin-bottom: 5px;
padding-right: 0;
}
div#header-contact p.contact-phone {
text-transform: uppercase;
font-weight: bold;
font-size: 10pt;
line-height: 12pt;
}
div#header-search-language {
display: block;
text-align: right;
width: 203px;
}
div#header-search-language input {
height:16px;
margin:0;
padding:0;
}
div#header-search-language input#s {
width:82px;
background: transparent url(images/search-background.jpg) no-repeat;
border:none;
text-align: left;
font-family:Trebuchet MS;
color:#626262;
margin-bottom: 1px;
position:absolute;
top: 0px;
right: 14px;
font-size: 11px;
padding-left:3px;
}
div#header-search-language input#search-button {
background: #FFF url(images/search.jpg) no-repeat;
width:14px;
cursor: pointer;
border: none;
float:right;
}
/******************************************************************
NAVIGATION STYLES
(Main Navigation)
******************************************************************/
nav[role=navigation] {}
nav[role=navigation] .menu {
margin: 1.1em 0;
}
nav[role=navigation] .menu ul {
background: #4598bb;
}
nav[role=navigation] .menu ul li {
float: left;
}
nav[role=navigation] .menu ul li a {
color: #fefefe;
font-weight: 700;
padding: 10px 20px;
display: block;
text-decoration: none;
text-shadow: 0 -1px 1px rgba(0,0,0,0.33);
}
nav[role=navigation] .menu ul li a:hover {
background: #4eabd2;
color: #fff;
}
nav[role=navigation] .menu ul li:first-child a {}
nav[role=navigation] .menu ul li.current-menu-item a,
nav[role=navigation] .menu ul li.current_page_item a,
nav[role=navigation] .menu ul li.current-page-ancestor a {}
/* sub menus */
nav[role=navigation] .menu ul li ul, nav[role=navigation] .menu ul li ul li ul {
background: #4598bb;
position: absolute;
left: -9999em;
z-index: 9999;
width: 200px;
}
nav[role=navigation] .menu ul li ul li ul {
margin-left: 200px;
top: auto;
margin-top: -30px;
}
nav[role=navigation] .menu ul li ul li:hover ul, nav[role=navigation] .menu ul li:hover ul {
left: auto;
}
nav[role=navigation] .menu ul li ul li a {
width: 160px;
}
nav[role=navigation] .menu ul li ul li a {}
nav[role=navigation] .menu ul li ul li a:hover {}
nav[role=navigation] .menu ul li ul li:last-child a {}
nav[role=navigation] .menu ul li ul li ul.sub-menu { }
nav[role=navigation] .menu ul li ul li:hover ul.sub-menu { }
/******************************************************************
BREADCRUMBS
******************************************************************/
div.breadcrumbs {
margin:7px 0;
font-weight: bold;
font-size: 0.9em;
}
div.breadcrumbs a {
font-weight: normal;
}
/******************************************************************
POSTS & CONTENT STYLES
******************************************************************/
#content {}
#main {}
.hentry { padding: 0 0 0 1em }
.single-title, .page-title { margin: 0 0 0.375em;}
.single-title {}
.page-title {}
.archive_title { padding: 0 20px; margin: 1.1em 0 0.75em; }
/* want to style individual post classes? Booya! */
.post-id {} /* post by id (i.e. post-3) */
.post {} /* general post style */
.page {} /* general article on a page style */
.attachment {} /* general style on an attatchment */
.sticky {} /* sticky post style */
.hentry {} /* hentry class */
.category-slug {} /* style by category (i.e. category-videos) */
.tag-slug {} /* style by tag (i.e. tag-news) */
/* post meta */
.meta { font-size:0.9em; letter-spacing:0.05em; line-height:1.75em; color: #999; margin: 0.875em 0; }
.meta time {}
/* post content */
.post_content {}
.post_content p { margin: 0 0 1.5em 0; line-height: 1.5em; }
.post_content ul, .post_content ol, .post_content table, .post_content dl { margin: 1.5em 0; }
.post_content ul, .post_content ol { list-style-position:outside; line-height:1.5; margin-left: 2.2em; margin-right: 2.2em; }
.post_content li { font-weight: bolder; }
.post_content ul li { list-style-type: disc; }
.post_content ol li { list-style-type: decimal; }
.post_content blockquote { font-style:italic; line-height:1.6em; margin: 1.5em 2.2em; }
.post_content blockquote:before { font-family:Georgia, serif; content: "“"; font-size:2.75em; text-indent:-.8em; margin-top:.1em; float:left; opacity:.3; } /* this adds the quote before the blockquote */
.post_content dl { margin:1.75em 0 1.75em; }
.post_content dt { margin-top: 1.25em; font-weight:700; }
.post_content dd { font-style: italic; margin-top:0.5em; line-height:1.6em; }
.post_content img { margin: 0 0 1.5em 0; max-width: 100%; }
.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
.post_content video { margin: 1.5em 0; max-width: 100%; display: block; }
.post_content object { display: block; margin: 1.5em 0; max-width: 100%; }
.post_content pre, .post_content code { font-size: 0.9em; line-height: 1.7em; padding: 1em; background: #eee; border: 2px solid #cecece; }
.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
.wp-caption img { border: 0 none; padding: 0; margin: 0; }
.wp-caption .wp-caption-text { font-size:0.8em; font-style:italic; margin:.6em 0 -.2em; }
/* image gallery styles */
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}
.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}
.hentry footer { clear: both; margin: 1.5em 0 0; padding-bottom: 2.2em; }
.spaces h1, .spaces h2, .spaces ul {
color:#FFF;
/* Opacity */
filter:alpha(opacity=100); /* Internet Explorer*/
-moz-opacity:1; /* Anciennes versions de Firefox */
-khtml-opacity: 1; /* Anciennes version de Safari */
opacity: 1; /* La version standard normalement gérée par la plupart des navigateurs sauf IE... */
}
.spaces h1 {
width:80px;
}
.space-name {
font-weight:normal;
font-size:0.70em;
}
.space, .space .overlay {
display: block;
height: 160px;
}
.space {
width:145px;
float:left;
margin-right:25px;
background-color: #AAA;
position:relative;
}
.space:last-child {
margin-right:0px;
}
.space .overlay, .space .big-overlay {
background-color:black;
position:absolute;
left:0;
/* Opacity */
filter:alpha(opacity=70); /* Internet Explorer*/
-moz-opacity:0.70; /* Anciennes versions de Firefox */
-khtml-opacity: 0.70; /* Anciennes version de Safari */
opacity: 0.70; /* La version standard normalement gérée par la plupart des navigateurs sauf IE... */
}
.space .overlay {
top:0;
width:80px;
}
.space .overlay h1 {
font-size:1.4em;
font-weight: bold;
margin-top:18px;
margin-bottom:0;
border:none;
text-transform: none;
padding:0;
font-style: normal;
background: none;
}
.space .overlay h1, .space .overlay .border, .space .overlay .border-expanded {
margin-left:9px;
}
p.space-baseline, p.surface {
margin-left:4px;
}
.space .overlay .border, .space .overlay .border-expanded, p.space-baseline, p.surface {
/* Opacity */
filter:alpha(opacity=100); /* Internet Explorer*/
-moz-opacity:1; /* Anciennes versions de Firefox */
-khtml-opacity: 1; /* Anciennes version de Safari */
opacity: 1; /* La version standard normalement gérée par la plupart des navigateurs sauf IE... */
}
.space .big-overlay{
display: none;
top:30px;
height: 130px;
}
.space .big-overlay .h1-container {
position:absolute;
top:-30px;
background-color: #FFF;
display: none;
width:145px;
/* Opacity */
filter:alpha(opacity=70); /* Internet Explorer*/
-moz-opacity:0.70; /* Anciennes versions de Firefox */
-khtml-opacity: 0.70; /* Anciennes version de Safari */
opacity: 0.70; /* La version standard normalement gérée par la plupart des navigateurs sauf IE... */
height:30px;
}
.space .big-overlay .h1-container h1 {
color:#000;
font-size:1.2em;
font-weight: bold;
text-align: center;
border-left-width: 3px;
border-right-width: 3px;
border-left-style: solid;
border-right-style: solid;
margin: 7px 8px;
line-height: 15px;
border-bottom:none;
text-transform: none;
padding:0;
font-style: normal;
background: none;
/* Opacity */
filter:alpha(opacity=100); /* Internet Explorer*/
-moz-opacity:1; /* Anciennes versions de Firefox */
-khtml-opacity: 1; /* Anciennes version de Safari */
opacity: 1; /* La version standard normalement gérée par la plupart des navigateurs sauf IE... */
}
.space .big-overlay ul {
margin:0 5px 0 20px;
font-size:0.9em;
}
.espace-gabriel {
border-color: #f09202;
color: #f09202;
}
.gabriel {
background: transparent url(images/h1-gabriel-big-border-right.jpg) no-repeat center left;
}
article.article-gabriel h2 {
border-bottom:1px solid #f09202;
}
.espace-bourse {
border-color: #82ceed;
color: #82ceed;
}
.bourse {
background: transparent url(images/h1-bourse-big-border-right.jpg) no-repeat center left;
}
.espace-garonne {
border-color: #e00079;
color: #e00079;
}
.garonne {
background: transparent url(images/h1-garonne-big-border-right.jpg) no-repeat center left;
}
.espace-tourny {
border-color: #cfd902;
color: #cfd902;
}
.tourny {
background: transparent url(images/h1-tourny-big-border-right.jpg) no-repeat center left;
}
.espace-miroir {
border-color: #86337e;
color: #86337e;
}
.miroir {
background: transparent url(images/h1-miroir-big-border-right.jpg) no-repeat center left;
}
.espace-1855 {
border-color: #8b1737;
color: #8b1737;
}
.autre {
background: transparent url(images/h1-1855-big-border-right.jpg) no-repeat center left;
}
p.surface {
font-size: 1.5em;
}
p.space-baseline {
color:#FFF;
line-height: 14px;
font-size: 1.1em;
}
img.know-more {
position:absolute;
bottom : 7px;
left: 10px;
}
.space .overlay .border, .space .overlay .border-expanded {
display: block;
height:2px;
border-bottom-style: solid;
border-bottom-width: 3px;
}
.space .overlay .border {
width:10px;
}
.space .overlay .expanded {
display:none;
width:130px;
margin:0 0 0 5px;
}
.surface-title {
float: right;
}
table.contact {
width:495px;
margin:0 auto;
}
table.margin {
margin-top:35px;
}
table.contact tbody tr td.label, table.contact tbody tr td.medium-label, table.contact tbody tr td.long-label{
color: #626262;
}
table.contact tbody tr td.label {
width:90px;
}
table.contact tbody tr td.medium-label {
width:113px;
vertical-align: top;
}
table.contact tbody tr td.long-label {
width:180px;
vertical-align: middle;
}
table.contact tbody tr td input[type=text], table.contact tbody tr td select, table.contact tbody tr td textarea {
float: right;
width: 100%;
border:none;
margin-bottom:7px;
font-family: "Trebuchet MS", sans-serif;
color: #626262;
border : 1px solid #FFF;
}
table.contact tbody tr td input[type=submit] {
border:none;
background-color : #aaaaab;
text-transform: uppercase;
padding: 5px 8px;
color:#FFF;
font-weight: bold;
font-family: "Trebuchet MS", sans-serif;
font-size:1.2em;
}
table.contact tbody tr td input[type=text], table.contact tbody tr td select {
height: 21px;
}
table.contact tbody tr td input[type=checkbox] {
margin: 5px 0;
}
p.mandatory {
font-size:0.75em;
margin-top:10px;
}
article.search header p {
font-weight: bold;
color:#626262;
}
div#search-query {
background-color: #FFF;
padding:4px;
color:#626262;
width:50%;
margin-bottom:15px;
}
div#search-query span#search-terms {
text-transform: uppercase;
font-weight: bold;
font-size: 1.2em;
}
h2#search-count {
font-style: normal;
text-transform: none;
font-weight: normal;
padding-left:10px;
border-left : 3px solid #BFBFBE;
border-bottom: none;
font-size: 0.9em;
margin-bottom: 20px;
}
article.post {
margin-bottom:15px;
}
article header.post-listing {
position:relative;
margin-bottom: 15px;
}
article header.post-listing h3.alaune[itemprop=headline] {
margin-bottom:-5px;
font-weight: bold;
}
article header.post-listing span.date {
color:#b5b5b5;
font-size:11px;
}
article header.post-listing div.title-container {
text-transform: uppercase;
margin-left: 15px;
position:absolute;
bottom:0;
left:225px
}
article.post section.post_content a.more-link {
margin-top:5px;
text-decoration: underline;
background: url(images/one-clic-arrow-expanded.gif) no-repeat right center;
padding-right: 15px;
font-size: 12px;
position: relative;
top: 10px;
}
footer {
margin-left:12px;
}
div#main header h2, div#main footer h2 {
margin-bottom:15px;
}
div.last-news a{
text-decoration: underline;
}
header#trust-us {
margin-bottom:25px;
}
article.partner {
margin-bottom: 15px;
}
article.partner div.images {
position:relative;
width:154px;
float:left;
margin-right: 10px;
}
article.partner div.images img.partner-site {
position:absolute;
bottom: 10px;
right: 4px;
}
article.partner div.text h3 {
text-transform: uppercase;
font-weight: bold;
margin-bottom: -5px;
}
article.partner div.text p.domain {
color:#b5b5b5;
text-transform: uppercase;
}
article.partner div.text p.text {
}
article.partner div.text p.domain, article.partner div.text p.text {
line-height: 1.1em;
margin-bottom:5px;
}
article.partner div.text a.more {
text-decoration: underline;
font-size: 12px;
}
article.partner div.text a.more:hover {
cursor: pointer;
}
article a, article a:visited, article a:hover {
color: #660066;
}
/******************************************************************
PAGE NAVI STYLES
(Special Feature)
******************************************************************/
/* page navigation */
div.wp-pagenavi {
margin-bottom:15px;
}
div.wp-pagenavi a.previouspostslink, div.wp-pagenavi a.nextpostslink {
text-decoration: underline;
}
div.wp-pagenavi a.previouspostslink {
margin-right: 10px;
}
div.wp-pagenavi a.page, div.wp-pagenavi span.current {
margin: 0 3px;
}
div.wp-pagenavi a.nextpostslink {
margin-left: 10px;
}
/******************************************************************
COMMENT STYLES
******************************************************************/
#comments { margin: 0 20px 0.75em; }/* h3 comment title */
#comments span { font-weight: 700; color: #1a90db; } /* number of comments span */
.comment-nav {}
.comment-nav ul {}
.comment-nav ul li {}
.commentlist { margin: 0 20px; }
.commentlist li { position: relative; clear: both; list-style-type: none; margin-bottom: 1.5em; padding: 0.7335em 10px; }
.commentlist li[class*=depth-] { padding-left: 20px; margin-top: 1.1em; }
.commentlist li.depth-1 { margin-left: 0; margin-top: 0; }
.commentlist li:not(.depth-1) { margin-right: -10px; margin-top: 0; padding-bottom: 0; }
.commentlist li.depth-2 {}
.commentlist li.depth-3 {}
.commentlist li.depth-4 {}
.commentlist li.depth-5 {}
.commentlist li:last-child { margin-bottom: 0; }
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-1 {} /* change number for different depth */
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}
.commentlist .alt {}
.commentlist .odd { background: #eee; }
.commentlist .even { background: #fefefe; }
.commentlist .parent {}
.commentlist .comment {}
.commentlist .children { border-left: 2px solid #6ac8d3; }
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}
.commentlist .vcard { margin-left: 55px; }
.commentlist .vcard cite.fn { font-weight: 700; font-style: normal; }
.commentlist .vcard time { float: right; }
.commentlist .vcard time a { color: #999; text-decoration: none; }
.commentlist .vcard time a:hover { text-decoration: underline; }
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar { position: absolute; left: 20px; padding: 2px; border: 1px solid #cecece; background: #fff; }
.commentlist .vcard cite.fn a.url {}
.commentlist .comment-meta {}
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}
.commentlist li .comment_content { margin-left: 55px; }
.commentlist li .comment_content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; }
.commentlist li ul { margin: 0; }
.commentlist .comment-reply-link { text-decoration: none; float: right; background: #4598bb; padding: 3px 5px; color: #fff; opacity: 0.65; margin-bottom: 10px; font-weight: 700; font-size: 0.9em; }
.commentlist a.comment-reply-link:hover { opacity: 1; }
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.respond-form { margin: 1.5em 20px; padding-bottom: 2.2em; }
#comment-form-title { margin: 0 0 1.1em; }
#cancel-comment-reply {}
#cancel-comment-reply a {}
.respond-form form[method=post] { margin: 0.75em 0; }
.comments-logged-in-as {}
.respond-form form[method=post] li { list-style-type: none; clear: both; margin-bottom: 0.7335em; }
.respond-form form[method=post] li label, .respond-form form[method=post] li small { display: none; }
.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url], .respond-form textarea { padding: 3px 6px; background: #efefef; border: 2px solid #cecece; line-height: 1.5em; }
.respond-form input[type=text]:focus, .respond-form input[type=email]:focus, .respond-form input[type=url]:focus, .respond-form textarea:focus { background: #fff; }
.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url] { max-width: 400px; min-width: 250px; }
#allowed_tags { margin: 1.5em 10px 0.7335em 0; }
.respond-form textarea { resize: none; width: 97.3%; height: 150px; }
#submit {}
/* form validation */
.respond-form input:invalid, .respond-form textarea:invalid { border-color: #fbc2c4; background: #fbe3e4; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #f6e7eb; }
/* no comments */
.nocomments { margin: 0 20px 1.1em; }
/******************************************************************
SIDEBARS & ASIDES
******************************************************************/
#sidebar-home { margin-top:36px; }
#sidebar-home .widget { display:block; width:151px; margin:0px auto;}
/* #sidebar-home .widget:first-child {margin-right:0px;}*/
/*#sidebar-home .widget li { margin-bottom: 0.75em; }
#sidebar-home .widget li ul { margin-top: 0.75em; padding-left: 1em; }*/
#sidebar-home .widgettitle, #sidebar-home ul {
display: block;
width: 100%;
}
#sidebar-home .widgettitle {
width: 100%;
font-size: 12px;
color: #515151;
height: 19px;
background: none; /* black url(images/home-widget-title-background.jpg) no-repeat top center; */
text-align: left;
line-height: 30px;
text-transform: none;
font-style: none;
border-bottom: none;
text-align:center;
margin: 0;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}
#sidebar-home .widgettitle a {
color: #515151;
}
#sidebar-home ul {
background-color: #FFF;
border-color: #dcdcdc;
padding:2px;
}
/* recent-posts widget */
#sidebar-home .featured-container {display: block; width: 141px; /*height:56px;*/ background-color: #FFF; padding:2px 5px 2px 5px; overflow: hidden; position:relative;}
#sidebar-home .featured-container h2 { font-style: normal; font-size:14px; color: #626262; border:none; margin:5px 0 0 0; text-transform:none;}
#sidebar-home .featured-container h2 a {text-decoration: none;}
#sidebar-home .featured-container h2 a:hover {text-decoration: underline;}
#sidebar-home .featured-container p.date {color:#b5b5b5; font-size:10px; }
#sidebar-home .featured-container p.content {color:#626262; font-size: 12px; }
#sidebar-home .featured-container div.date-separator {border-bottom: 1px solid #b5b5b5; display: block; width:50px; height: 2px; margin:3px }
#sidebar-home .featured-container p.post-desc { font-size : 12px; margin-bottom: 0px; font-weight: normal; color:#626262;}
#sidebar-home .featured-container a {text-decoration: underline; position: relative;color:#1699d0; font-size:10px; }
#sidebar-home .widget_recent_entries {}
#sidebar-home .widget_recent_entries ul {height:124px;}
#sidebar-home .widget_recent_entries ul li {}
#sidebar-home .widget_recent_entries ul li a {text-transform: uppercase; font-weight: bold; font-size: 12pt;}
/* carousel widget */
#sidebar-home .widget_carrousel_widget {width: 147px;}
#sidebar-home .widget_carrousel_widget .widgettitle {width: 148px; font-size: 8pt; line-height: 30px; text-align: center;}
#sidebar-home .widget_carrousel_widget ul {width: 135px;}
#sidebar-home .widget_carrousel_widget ul li {}
#sidebar-home .widget_carrousel_widget ul li a {text-transform: uppercase; font-weight: bold; font-size: 12pt;}
#sidebar-home-bottom {
margin-top:10px;
min-height: 150px;
}
#sidebar-home-bottom h2 {
border: none;
}
#sidebar-home-bottom .bottom-widget {
display: block;
height: 120px;
width: 312px;
margin-left: 32px;
float:left;
}
#sidebar-home-bottom .bottom-widget:first-child {
margin-left: 0;
}
#sidebar-home-bottom .bottom-widget .inner-bottom-widget {
background-color: #878686;
padding:0;
display: block;
height: 105px;
padding:0 10px 0 0;
font-size: 12px;
}
#sidebar-home-bottom .bottom-widget .inner-bottom-widget img {
float: left;
height: 105px;
width:141px;
margin-right:10px;
display: block;
}
#sidebar-home-bottom .bottom-widget .inner-bottom-widget ul {
padding:5px 0 0 0;
list-style-type: disc;
line-height: 16px;
overflow: hidden;
padding-left: 1.3em;
}
#sidebar-home-bottom .bottom-widget .inner-bottom-widget ul, #sidebar-home-bottom .bottom-widget .inner-bottom-widget ul li a{
color: #bbbbbb;
}
#sidebar-one-clic {
background-color: #FFF;
padding:10px;
}
#sidebar-one-clic .widget_nav_menu_without_title {
display: block;
float: left;
margin-left: 13px;
width:189px;
text-align: left;
text-transform: uppercase;
}
#sidebar-one-clic .widget_nav_menu_without_title:first-child {
margin-left: 0px;
}
#sidebar-one-clic .widget_nav_menu_without_title h4.widgettitle, #sidebar-one-clic .widget_nav_menu_without_title div ul li#menu-item-66 a, #sidebar-one-clic .widget_nav_menu_without_title div ul li#menu-item-67 a {
margin: 0 0 5px 0;
color: #8b8b8b;
font-size: 9pt;
}
#sidebar-one-clic .widget_nav_menu_without_title div ul li a {
font-size: 0.85em;
color:#a8a8a8;
}
#sidebar-single { }
#sidebar-single .widgettitle {
text-transform: uppercase;
font-size:1.1em;
font-style: italic;
margin-bottom:5px;
}
#sidebar-single div ul#menu-nos-espaces-et-salons li, #sidebar-single div ul#menu-our-spaces-and-conference-rooms li {
padding: 3px 0 3px 10px;
}
/* Remove other border color and hover behavior for space and salons menu */
#sidebar-single div ul#menu-nos-espaces-et-salons li:hover,
#sidebar-single div ul#menu-nos-espaces-et-salons li a:hover,
#sidebar-single div ul#menu-nos-espaces-et-salons li:hover a,
#sidebar-single div ul#menu-nos-espaces-et-salons li.current a,
#sidebar-single div ul#menu-our-spaces-and-conference-rooms li:hover,
#sidebar-single div ul#menu-our-spaces-and-conference-rooms li a:hover,
#sidebar-single div ul#menu-our-spaces-and-conference-rooms li:hover a,
#sidebar-single div ul#menu-our-spaces-and-conference-rooms li.current a{
background:none;
}
/* #sidebar-single div ul#menu-nos-espaces-et-salons li a, #sidebar-single div ul#menu-nos-espaces-et-salons li:hover a, #sidebar-single div ul#menu-our-spaces-and-conference-rooms li a, #sidebar-single div ul#menu-our-spaces-and-conference-rooms li:hover a {
border:none;
padding:0;
}*/
/* Border color for each salon and space, by ID */
#sidebar-single div ul#menu-nos-espaces-et-salons li#menu-item-80 a, #sidebar-single div ul#menu-our-meeting-rooms-areas li#menu-item-117 a {
border-color: #f09202;
}
#sidebar-single div ul#menu-nos-espaces-et-salons li#menu-item-81 a, #sidebar-single div ul#menu-our-meeting-rooms-areas li#menu-item-190 a {
border-color: #82ceed;
}
#sidebar-single div ul#menu-nos-espaces-et-salons li#menu-item-82 a, #sidebar-single div ul#menu-our-meeting-rooms-areas li#menu-item-191 a {
border-color: #e00079;
}
#sidebar-single div ul#menu-nos-espaces-et-salons li#menu-item-83 a, #sidebar-single div ul#menu-our-meeting-rooms-areas li#menu-item-192 a {
border-color: #cfd902;
}
#sidebar-single div ul#menu-nos-espaces-et-salons li#menu-item-2353 a, #sidebar-single div ul#menu-our-meeting-rooms-areas li#menu-item-2354 a {
border-color: #8b1737;
}
#sidebar-single div ul#menu-nos-espaces-et-salons li#menu-item-10298 a, #sidebar-single div ul#menu-our-meeting-rooms-areas li#menu-item-10866 a {
border-color: #86337e;
}
#sidebar-single div ul#menu-nos-espaces-et-salons li a {
color:#626262;
}
/* Other menus */
#sidebar-single div ul {
list-style-type: none;
margin-left:5px;
}
#sidebar-single div ul li {
padding: 3px 0 3px 10px;
}
#sidebar-single div ul li:hover, #sidebar-single div ul li.current {
background-color: #b3b3b3;
}
/*Special treatment for salons*/
/* Gabriel */
#sidebar-single div#nav_menu-12 ul li#menu-item-80:hover, #sidebar-single div#nav_menu-24 ul li#menu-item-117:hover, #sidebar-single div#nav_menu-12 ul li#menu-item-80.current, #sidebar-single div#nav_menu-24 ul li#menu-item-117.current,#sidebar-single div#nav_menu-24 ul li#menu-item-2338.current {
background-color: #F09202;
}
#sidebar-single div#nav_menu-12 ul li#menu-item-80:hover a,
#sidebar-single div#nav_menu-24 ul li#menu-item-117:hover a,
#sidebar-single div#nav_menu-12 ul li#menu-item-80.current a,
#sidebar-single div#nav_menu-24 ul li#menu-item-117.current a,
#sidebar-single div#nav_menu-12 ul li#menu-item-81:hover a,
#sidebar-single div#nav_menu-24 ul li#menu-item-190:hover a,
#sidebar-single div#nav_menu-12 ul li#menu-item-81.current a,
#sidebar-single div#nav_menu-24 ul li#menu-item-190.current a,
#sidebar-single div#nav_menu-12 ul li#menu-item-82:hover a,
#sidebar-single div#nav_menu-24 ul li#menu-item-191:hover a,
#sidebar-single div#nav_menu-12 ul li#menu-item-82.current a,
#sidebar-single div#nav_menu-24 ul li#menu-item-191.current a,
#sidebar-single div#nav_menu-12 ul li#menu-item-83:hover a,
#sidebar-single div#nav_menu-24 ul li#menu-item-192:hover a,
#sidebar-single div#nav_menu-12 ul li#menu-item-83.current a,
#sidebar-single div#nav_menu-24 ul li#menu-item-192.current a,
#sidebar-single div#nav_menu-12 ul li#menu-item-2353.current a,
#sidebar-single div#nav_menu-12 ul li#menu-item-2353:hover a,
#sidebar-single div#nav_menu-24 ul li#menu-item-2354.current a,
#sidebar-single div#nav_menu-24 ul li#menu-item-2354:hover a,
#sidebar-single div#nav_menu-12 ul li#menu-item-10298.current a,
#sidebar-single div#nav_menu-12 ul li#menu-item-10298:hover a,
#sidebar-single div#nav_menu-24 ul li#menu-item-10866.current a,
#sidebar-single div#nav_menu-24 ul li#menu-item-10866:hover a,
{
border-color: #FFF;
color:#FFF;
background-color: transparent;
}
/* Bourse */
#sidebar-single div#nav_menu-12 ul li#menu-item-81:hover, #sidebar-single div#nav_menu-24 ul li#menu-item-190:hover, #sidebar-single div#nav_menu-12 ul li#menu-item-81.current, #sidebar-single div#nav_menu-24 ul li#menu-item-190.current {
background-color: #82CEED;
}
/* Garonne */
#sidebar-single div#nav_menu-12 ul li#menu-item-82:hover, #sidebar-single div#nav_menu-24 ul li#menu-item-191:hover, #sidebar-single div#nav_menu-12 ul li#menu-item-82.current, #sidebar-single div#nav_menu-24 ul li#menu-item-191.current {
background-color: #E00079;
}
/* Tourny */
#sidebar-single div#nav_menu-12 ul li#menu-item-83:hover, #sidebar-single div#nav_menu-24 ul li#menu-item-192:hover, #sidebar-single div#nav_menu-12 ul li#menu-item-83.current, #sidebar-single div#nav_menu-24 ul li#menu-item-192.current {
background-color: #CFD902;
}
/* 1885 */
#sidebar-single div#nav_menu-12 ul li#menu-item-2353:hover, #sidebar-single div#nav_menu-24 ul li#menu-item-2354:hover, #sidebar-single div#nav_menu-12 ul li#menu-item-2353.current, #sidebar-single div#nav_menu-24 ul li#menu-item-2354.current {
background-color: #8b1737;
}
/* Miroir d'eau */
#sidebar-single div#nav_menu-12 ul li#menu-item-10298:hover, #sidebar-single div#nav_menu-24 ul li#menu-item-10866:hover, #sidebar-single div#nav_menu-12 ul li#menu-item-10298.current, #sidebar-single div#nav_menu-24 ul li#menu-item-10866.current {
background-color: #86337e;
}
#sidebar-single div ul li a {
border-left-width: 5px;
border-left-style: solid;
border-left-color: #b3b3b3;
padding-left: 5px;
}
#sidebar-single div ul li:hover a, #sidebar-single div ul li.current a {
border-left-color: #FFF;
background-color: #b3b3b3;
color:#FFF;
}
#sidebar-single div ul li a:hover {
text-decoration: none;
}
/******************************************************************
FOOTER STYLES
******************************************************************/
footer[role=contentinfo] { margin:0 auto;}
footer[role=contentinfo] h2 {
font-size: 1em;
color : #b5b5b5;
margin-top: 0.3em;
border:none;
font-style: italic;
padding-left: 7px;
}
.border-footer {
width:100%;
background:url(images/border-footer.gif);
height:4px;
display: block;
}
#inner-footer {
margin: 0 auto;
width: 500px;
height: 50px;
display: block;
}
#newsletter {
width:200px;
height:45px;
display: block;
float:left;
}
#newsletter input#email, #newsletter input#newsletter-subscribe {
border:none;
background-color: #fcfbf5;
color:#a8a8a8;
}
#newsletter input#email {
width:150px;
font-size: 12px;
text-align: left;
padding:3px;
}
input#newsletter-subscribe {
font-size: 0.9em;
font-weight: bold;
padding: 3px 2px;
}
#social {
margin: 0 auto;
text-align: center;
height: 45px;
display: block;
}
#social a#facebook-home {
background: url(images/facebook-home.gif) no-repeat;
display: inline-block;
width:80px;
height: 20px;
margin-right:10px;
}
#social a#facebook-home:hover {
background: url(images/facebook-home-hover.gif) no-repeat;
}
#social a#twitter-home {
background: url(images/twitter-home.gif) no-repeat;
display: inline-block;
width:67px;
height: 20px;
}
#social a#twitter-home:hover {
background: url(images/twitter-home-hover.gif) no-repeat;
}
#social .social {
color: #a8a8a8;
display: inline-block;
background: #fcfbf5;
border-radius: 2px;
padding: 5px 4px;
line-height: 1;
font-size: 0.9em;
transition: all 0.3s ease;
margin-right: 10px;
}
#social .social:hover, #social .social:focus {
text-decoration: none;
color: white;
}
#social .social:last-child {
margin-right: 0;
}
#social .social.fb:hover {
background: #3b5998;
}
#social .social.tw:hover {
background: #1da1f2;
}
#social .social.in:hover {
background: #833ab4;
}
/* footer menu */
footer[role=contentinfo] nav { margin:10px 0; }
.footer-links {}
.footer-links ul { margin-top: 0; text-align: center; list-style-type: disc; margin-right: auto; margin-left: auto; display: table; }
.footer-links ul li { float:left; font-size: 0.9em; zoom:1; margin-right:15px; }
.footer-links ul li a { margin-right: 10px; }
.footer-links ul li:last-child a { margin-right: 0; }
.footer-links ul li:first-child { list-style-type: none }
.footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {}
.footer-links ul li ul.sub-menu { display: none; } /* you shouldn't have that many links in the footer anyway so it's set to display none ;P */
.attribution { margin: 1em 0; float: right; color: #999; font-size: 0.9em; }
div#one-clic-container { text-align: center; margin-bottom: 20px; }
div#one-clic-container a:hover {
cursor: pointer
}
nav#one-clic {
display: none;
}
div.one-clic-menu-container { text-transform: uppercase }
img.one-clic-arrow {
margin-left:10px;
}
div.one-clic-menu-container ul.menu { }
div.one-clic-menu-container ul.menu li {
font-weight: bold;
float:left;
margin:10px 10px 5px 0;
width:190px;
text-align: left;
}
div.one-clic-menu-container ul.menu li ul.sub-menu li {
font-weight: normal;
clear: both;
margin:1px 0px;
}
/* Hack for A la une and Ils nous font confiance */
li#menu-item-66, li#menu-item-67, li#menu-item-303, li#menu-item-304 {
font-weight: bold;
font-size: 1.1em;
margin:5px 0;
}
/******************************************************************
WIDGET Styles
******************************************************************/
p#featured-title {
line-height: 15px;
margin: 0 0 0 8px;
padding-top: 4px;
}
span#featured-first-part {
text-transform: uppercase;
font-size: 0.7em;
}
span#featured-second-part {
text-transform: lowercase;
font-size: 1.2em;
}
/******************************************************************
Ajout JB Plan détail
******************************************************************/
.planDetail{
position:relative;
}
.planDetail .espaceMap{
position:absolute;
}
.planDetail .planGabriel{
top:129px;
left:263px;
}
.planDetail .planBourse{
top:226px;
left:263px;
}
.planDetail .planGaronne{
top:374px;
left:263px;
}
.planDetail .planTourny{
top:122px;
left:537px;
}
.planDetail .plan1855{
top:305px;
left:527px;
}
/******************************************************************
Ajout JB New footer
******************************************************************/
.footerGris{
width:100%;
background-color:#282828;
padding:20px 0px;
}
.footerGris .footerGrisContent{
width: 1000px;
margin:0 auto;
padding:10px 0px;
}
.footerGris .sepFooterGris{
width:100%;
height:1px;
border-bottom:1px solid #474747;
margin-top:20px;
margin-bottom:20px;
}
.colRef1{
float:left;
color:#FFFFFF;
margin-right:75px;
width:280px;
font-size:12px;
text-align:justify;
}
.clear{
clear:both;
}
/******************************************************************
MEDIA QUERIES & DEVICE STYLES
To use a responsive design, it's reccomended to use the responsive version of Bones. You can find it on github: https://github.com/eddiemachado/bones-responsive
******************************************************************/
@media only screen and (min-width: 480px) {
/* insert styles here */
}
@media only screen and (min-width: 768px) {
/* insert styles here */
}
@media only screen and (min-width: 992px) {
/* insert styles here */
}
@media only screen and (min-width: 1382px) {
/* insert styles here */
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
/* insert styles here */
}
/******************************************************************
PRINT STYLES
(Handled by default, but if you want to edit it, feel free)
******************************************************************/
@media print { }
/******************************************************************
IE SPECIFIC FIXES
******************************************************************/
/*
Thanks to the HTML5 Boilerplate there's an easier way
to target IE specific bugs. Simply use the html class
to target the specific version of IE.
To target the .post_content area in IE6, use:
html.ie6 .post_content { ... }
To target the .post_content area in IE7, use:
html.ie7 .post_content { ... }
To target the .post_content area in IE8, use:
html.ie8 .post_content { ... }
To target the .post_content area in older IE use:
html.oldie .post_content { ... }
Much easier right? This way, you don't have to call
any more stylesheets, you can leave it at the bottom
and it will overwrite depending on the html class.
*/