/*
Theme Name: Expressyon bis
Theme URI: http://www.dymension.fr/
Author: Dymension
Author URI: http://www.dymension.fr/
Description: Theme WordPress pour la vitrine Expressyon
License: 
License URI: 
Text Domain: expressyon
Tags: 
*/

#primary {
    margin-top: 70px;
}

#main {
    margin: 100px auto;
    width: 1160px;
}

#main.fullwidth {
    margin: 70px auto 0 auto;
    width: 100%;
}

.sidebar {
    float: left;
    width: 200px;
}

.sidebar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sidebar ul li {
    margin: 0;
    padding: 0;
}

.sidebar ul li a {
    display: block;
    text-decoration: none;
    border: solid 1px #567ea1;
    background-color: #567ea1;
    padding: 0.5em;
    margin-bottom: 0.2em;
    color: #ffffff;
    border-radius: 3px;
}

.sidebar ul li a:hover {
    background-color: #578bb9;
}

.main-content {
    margin-left: 220px;
}

.ariane {
    padding-top: 8px;
}

.ariane ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ariane ul li {
    display: inline-table;
    margin: 0;
    padding: 0;
}

.ariane ul li:not(:last-child) a:after {
    content: ' >';
}

.ariane ul li a {
    display: block;
    text-decoration: none;
    font-size: 0.8em;
    color: #555555;
}

.ariane ul li a:hover {
    color: #000000;
}

.main-content h2 {
    margin-top: 12px;
}

/***********************************************
Grande tablettes (Smaller than 1200px)
***********************************************/
@media only screen and (min-width:961px) and (max-width: 1200px) {

    #main { width: 900px; }

}

/***********************************************
Tablet (Smaller than 960px)
***********************************************/
@media only screen and (max-width: 960px) {

    #main { width: 95%; }
	#main.fullwidth, #primary { margin-top: 0; }
	

}