/* TYPOGRAPHY
 * These are used in the graphic editor
/* ----------------------------------------- */

/* resets */
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }


body{
    font-size:100%;
}
/* Be sure to specify the visual editor background color if the text color is too light. */
.mceContentBody{}


/* Editor Styles */
.textaligncenter { text-align:center; }
.textalignleft { text-align:left; }
.textalignright { text-align:right; }
.clear { clear:both; } /* Use this br class to clear your floated columns */


/* BLOCK ELEMENTS */

h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0; 
    line-height: 1.2em; 
}


h1{ font-size:1.5em; }
h2{ font-size:1.3em; }
h3{ font-size:1.15em; }
h4{ font-size:1.10em; }
h5{ font-size:1em; }
h6{ font-size:0.85em; }

p,
address,
blockquote,
table{
    margin:1.5ex 0;
    padding: 0;
}

ul,ol,dl{
    margin:1.5ex 0;
}

li,dt,dd{
    margin:0.75ex 0;
}
dd{
    margin-left:3em;
}

/* INLINE ELEMENTS */

address {font-style: normal;}

/* Liens */
a {
    text-decoration: underline;
}
a:link {
}
a:visited {
}
a:hover, a:focus, a:active {
}

/* -------------------------------------------------------------------Images------------------------------------------------------------------- */
/* ----------------------------------------- */
img.alignnone,img.aligncenter,img.alignleft,img.alignright,.wp-caption,.gallery-item{
    border:4px solid transparent;
    /*  outline:1px solid #CCC; */
    margin:1px;
}
a:hover img.alignnone,a:hover img.aligncenter,a:hover img.alignleft,a:hover img.alignright,.wp-caption:hover,.gallery-item:hover{
    outline-color:#999;
}
.aligncenter { display:block!important; margin:0 auto}
.alignleft { float:left;margin-right:1em; }
.alignright { float:right;margin-left:1em; }


/* Caption */
.wp-caption {
    display:inline-block;
    max-width:100%;
}
img.aligncenter,.wp-caption.aligncenter{
    margin-left:auto!important;
    margin-right:auto!important;
}
.wp-caption-text,.gallery-caption{
    text-align:center;
    font-size:0.8em;
    max-width:100%;
}



/* Met en évidence les citations */
blockquote {
    /* font-style: italic; */
    background-color:#e1ebf4;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:2px;
}

q, cite {
    font-style: italic;
}
q cite, q q {
    font-style: normal;
}

/* Rapproche les paragraphes dans les listes et citations */
blockquote p, li p {
    margin: 0.75ex 0;
}

/* Mise en forme simple pour les tableaux */
table {
    border: 1px solid gray; /* Pas de bordure = "none". */
    border-collapse: collapse; /* Valeur par défaut: "separate". */
    border-spacing: 0;
}

td, th {
    border: 1px solid gray; /* Pas de bordure = "none". */
    vertical-align: top; /* Valeur par défaut: "middle" */
    padding:0.5ex 0.5em;
}




/*--------------------------Icons------------------------*/

@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?iet5v6');
    src:url('../fonts/icomoon.eot?#iefixiet5v6') format('embedded-opentype'),
        url('../fonts/icomoon.woff?iet5v6') format('woff'),
        url('../fonts/icomoon.ttf?iet5v6') format('truetype'),
        url('../fonts/icomoon.svg?iet5v6#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;



    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-flickr:before {
    content: "\e600";
}
.icon-xing:before {
    content: "\e601";
}
.icon-stumble:before {
    content: "\e602";
}
.icon-dribble:before {
    content: "\e603";
}
.icon-vimeo:before {
    content: "\e604";
}
.icon-googleplus:before {
    content: "\e605";
}
.icon-linkedin:before {
    content: "\e606";
}
.icon-pinterest:before {
    content: "\e607";
}
.icon-twitter:before {
    content: "\e608";
}
.icon-facebook:before {
    content: "\e609";
}
.icon-star:before {
    content: "\e60a";
}
.icon-arrow-curve:before {
    content: "\e60b";
}
.icon-play:before {
    content: "\e60c";
}
.icon-info:before {
    content: "\e60d";
}
.icon-gear:before {
    content: "\e60e";
}
.icon-pen:before {
    content: "\e60f";
}
.icon-check:before {
    content: "\e610";
}
.icon-arrow-right:before {
    content: "\e611";
}
.icon-arrow-left:before {
    content: "\e612";
}
.icon-arrow-up:before {
    content: "\e613";
}
.icon-arrow-down:before {
    content: "\e614";
}
.icon-rss:before {
    content: "\e615";
}
.icon-loupe:before {
    content: "\e616";
}
.icon-cart:before {
    content: "\e617";
}
.icon-doc-download:before {
    content: "\e618";
}
.icon-doc:before {
    content: "\e619";
}
.icon-menu:before {
    content: "\e61a";
}
.icon-mail:before {
    content: "\e61b";
}
.icon-puzzle:before {
    content: "\e61c";
}
.icon-plus:before {
    content: "\e61d";
}
.icon-X:before {
    content: "\e61e";
}


#sidebar:after {
    font-family: 'icomoon';
    content: "\e61c";
    position:absolute;
    right:6px;
    top:50%;
    font-size:36px;
    font-size:2.57142857rem;
}

#sidebar-switch:hover {
    cursor:pointer;
}

#sidebar-switch:after {
    font-family: 'icomoon';
    content: "\e61a";
    position:absolute;
    right:6px;
    top:0;
    font-size:36px;
    font-size:2.57142857rem;
}

.opened #sidebar-switch:after {
    content: "\e61e";
}

body.logged-in #sidebar-switch:after {
    top:5px;
}

.menu-item.achat:after {
    font-family: 'icomoon';
    content: "\e617";
    font-size:1.5em;
    position:relative;
    top:3px;
}



/*--------------------------Fin de Icons------------------------*/

/*-------------------------- doc type legend ------------------------*/

.doctype:before{
    display:inline-block;
    font-size:1.5em;
    font-family: 'icomoon';
    vertical-align:top;
}
.doctype-doc:before{
    content: "\e619";
}
.doctype-doc-download:before{
    content: "\e618";
}


/*-------------------------Menu et Icons de menu reseaux sociaux-----------*/

#menu-liens-medias-sociaux {
    padding-left:5px;
}
#menu-liens-medias-sociaux li {
    display:inline;
    /*position:relative;
    display:inline-block;
    padding-left:0px;
    padding-right:20px;
    height:30px;
    padding-bottom:15px;*/
}

#menu-liens-medias-sociaux li a {
    display:inline-block;
    vertical-align:top;
    height:30px;width:30px;
    overflow:hidden;
    /*color:transparent;
    position:relative;
    z-index:501;
    width:23px;
    display:inline-block;*/
} 

#menu-liens-medias-sociaux li a:before {
    font-family: 'icomoon';
    font-size:30px;
    /*
    font-size:36px;
    font-size:2.57142857rem;
    width:20px;
    margin-left:0px;
    color:#ffffff;
    position:absolute;
    top:-6px;
    left:0px;
    z-index:500;*/
}

.flickr a:before {
    content: "\e600";
}
.xing a:before {
    content: "\e601";
}
.stumble a:before {
    content: "\e602";
}
.dribble a:before {
    content: "\e603";
}
.vimeo a:before {
    content: "\e604";
}
.googleplus a:before {
    content: "\e605";
}
.linkedin a:before {
    content: "\e606";
}
.pinterest a:before {
    content: "\e607";
}
.twitter a:before {
    content: "\e608";
}
.facebook a:before {
    content: "\e609";
}


/*-------------------------Fin Menu et Icons de menu reseaux sociaux-----------*/

/*-----------------------Palette de couleurs-------------------*/
.bg-vert-tres-pale,
.info-docs {
    background-color:#ebefe2;
}

.bg-vert-pale
{
    background-color:#A1C853;
}

.bg-vert-foncer,
.bg-vert-pale input[type=submit],.bg-vert-pale input[type=button],.bg-vert-pale input[type=reset],.bg-vert-pale button {
    background-color:#83A346;
}

.bg-vert-bouton,
input[type=submit],input[type=button],input[type=reset],button {
    background-color:#A1C853;
}



.bg-bleu-tres-pale,
.top-anchors,
.notice{
    background-color:#d6e6f1;
}
.bg-bleu-pale {
    background-color:#21AAE1;
}

.bg-bleu-moyen, 
#sidebar, #submit-home-seach-advanced, #reset-home-seach-advanced {
    background-color:#006CB6;
}

.bg-bleu-foncer, #content-sidebar {
    background-color:#0B5187;
}

.bg-gris-pale {
    background-color:#4D4D4D;
}

.bg-gris-tres-pale,
#mainmenu li .sub-menu li,
.encadre{
    background-color:#f6f6f6;
}

.bg-gris-foncer {
    background-color:#241F21;
}



.text-gris-pale, 
.post-info, .post-info a,
.breadcrumb, .breadcrumb a
{
    color:#989898;
}

.text-gris, 
body, #mainmenu a, .side-infos, .side-infos a
{
    color:#4D4D4D;
}
.text-gris-foncer, 
#topmenu a, #mainmenu .sub-menu a {
    color:#241F21;
}

.text-noir,
h6,.side-infos h1,
.search-result-description, 
a.link_paged {
    color:#000000;
}



.text-bleu-pale {
    color:#21AAE1;
}

.text-bleu-moyen, 
h1, h2, h6, a,
#mainmenu a:hover,#mainmenu .sub-menu a:hover,
#mainmenu .current-menu-item>a,
.doctype-doc:before,
a.link_paged.current_paged_link{
    color:#006CB6;
}

.text-bleu-foncer {
    color:#0B5187;
}



.text-blanc, 
#sidebar, #sidebar a, .widgettitle,
.portail a,
.home-search-button,
.styled-select select,
.home-search-container,.home-search-container a,
.search-submit:before{
    color:#ffffff;
}

.text-vert,
.doctype-doc-download:before{
    color:#83A346
}

/*-----------------------Palette de couleurs-------------------*/

/*-----------------------Grosseurs de texte-------------------*/
.text-bree, 
body, .side-infos h1 {
    font-family: 'Bree Serif', serif;
}

.text-lato, 
h1, h2, h3, 
#mainheader, #sidebar, #home-search-container,
.side-infos, .breadcrumb
{
    font-family: 'Lato', sans-serif;
}



.text-caps, 
h1, h2, h4, #mainmenu,.home-search-advanced-deploy,
.home-search-container legend{
    text-transform:uppercase;
}

.text-non-caps, .home-news-container h1, .side-infos h1 {
    text-transform:none;
}

.titre-capitalize, .home-news-container h1:first-letter {
    text-transform:capitalize;
}

.link-no-line,
.home-news-container h1 a,
.home-search-simple-container a,
.adv_search_results h1.post-title a,
.breadcrumb a
{
    text-decoration:none;
}
.link-no-line-hover,
.home-news-container h1 a:hover,
.home-search-simple-container a:hover,
.adv_search_results h1.post-title a:hover,
.breadcrumb a:hover{
    text-decoration:underline;
}




.text-light {
    font-weight:300;
}

.text-regular, h4, h5, h6, #content p, #topmenu, .widgettitle {
    font-weight:400;
}

.text-semi-bold, #mainmenu li .sub-menu {
    font-weight:600;
}

.text-500, .home-portails .portail .portail-name, .side-infos h1 {
    font-weight:500;
}

.text-bold, 
h2, h3, #mainmenu,
.home-news-container h1,
.adv_search_results h1.post-title,
h1.sub-title{
    font-weight:700;
}

.text-ultra-bold, h1 {
    font-weight:900;
}






.text-10pts, body {
    font-size:10px;
    font-size:0.71428571rem;
}

.text-11pts, #mainmenu li .sub-menu,
.styled-select select {
    font-size:11px;
    font-size:0.78571429rem;
}

.text-12pts, h3, h5, h6, .side-infos h1 {
    font-size:12px;
    font-size:0.85714286rem;
}

.text-13pts, h2, h4, #mainmenu,
.home-search-container legend,
.adv_search_results h1.post-title,
h1.sub-title{
    font-size:13px;
    font-size:0.92857143rem;
}

.text-14pts {
    font-size:14px;
    font-size:1rem;
}

.text-28pts,
.home-search-simple-container{
    font-size:28px;
    font-size:2rem;
}




/*-----------------------Fin de Grosseurs de texte-------------------*/