/* 
    Document   : base
    Created on : 8 août 2012
    Author     : Romy Duhem-Verdiere
    Description: Base CSS
*/

/* 

Ces feuilles de styles constituent la base stylistique des sites du portail cea.fr
Elles doivent être concaténées en une seule avant mise en production.
Cf. méthode CSS modulaire Daisy : http://romy.tetue.net/methode-daisy

*/


/* Imported Styles
--------------------------------------- */
/*@import url("/_layouts/15/i2i/css/reset.css");
@import url("/_layouts/15/i2i/css/font.css");
@import url("/_layouts/15/i2i/css/typo.css");
@import url("/_layouts/15/i2i/css/links.css");
@import url("/_layouts/15/i2i/css/buttons.css");
@import url("/_layouts/15/i2i/css/forms.css");
@import url("/_layouts/15/i2i/css/clear.css");
@import url("/_layouts/15/i2i/css/grid.css");
@import url("/_layouts/15/i2i/css/layout.css");

/* Modules 
@import url("/_layouts/15/i2i/css/content.css");
@import url("/_layouts/15/i2i/css/colorbox.css");
@import url("/_layouts/15/i2i/css/slideshow.css");
@import url("/_layouts/15/i2i/css/tooltipster.css");*/

/* end */

.ms-TPBorder { width:100% !important; }

.ms-WPBody {
    overflow:hidden !important;
}

.ms-webpartzone-cell 
{
margin-bottom:0px;
}
.block
{
overflow:visible !important;
}
.ms-SPZone.ms-webpart-zone {
padding: 0px !important;
}
.ms-WPAddButton
{
	font-size:10px !important;
}

#MSOTlPn_MainTD {
    position: relative;
}


.ms-rteTable-CEA-1{-ms-name:"CEA - Tableau simple";}
.ms-rteTable-CEA-2{-ms-name:"CEA - Tableau à bande";}
.ms-rteTable-CEA-3{-ms-name:"CEA - Tableau sans bandes";}

h5.ms-rteElement-H5{-ms-name:"Titre 5";}
h5.ms-rteElement-H5B{-ms-name:"Titre 5 de remplacement";}
h6.ms-rteElement-H6{-ms-name:"Titre 6";}
h6.ms-rteElement-H6B{-ms-name:"Titre 6 de remplacement";}

blockquote.ms-rteElement-cea-quotes{-ms-name:"Citation";}
/*samp.ms-rteElement-cea-code-sample{-ms-name:"Extrait de script";}*/
pre.ms-rteElement-cea-code-block{-ms-name:"Code";}
/*code.ms-rteElement-cea-code-inline{-ms-name:"Code en ligne";}*/
div.ms-rteElement-cea-figure{-ms-name:"Légende";}
div.ms-rteElement-cea-rte-box{-ms-name:"encadré simple";}
div.ms-rteElement-cea-rte-box-1{-ms-name:"encadré style 1";}
div.ms-rteElement-cea-rte-right-box-1{-ms-name:"encart droite style 1";}
div.ms-rteElement-cea-rte-left-box-1{-ms-name:"encart gauche style 1";}

div.ms-rteElement-cea-rte-box-2{-ms-name:"encadré style 2";}
div.ms-rteElement-cea-rte-right-box-2{-ms-name:"encart droite style 2";}
div.ms-rteElement-cea-rte-left-box-2{-ms-name:"encart gauche style 2";}

div.ms-rteElement-cea-rte-box-3{-ms-name:"encadré style 3";}
div.ms-rteElement-cea-rte-right-box-3{-ms-name:"encart droite style 3";}
div.ms-rteElement-cea-rte-left-box-3{-ms-name:"encart gauche style 3";}

/* PUSH (Cadre déporté vers la droite) */
div.ms-rteElement-cea-rte-box-push-0{-ms-name:"encart déporté style 0";}
div.ms-rteElement-cea-rte-box-push-1{-ms-name:"encart déporté style 1";}
div.ms-rteElement-cea-rte-box-push-2{-ms-name:"encart déporté style 2";}
div.ms-rteElement-cea-rte-box-push-3{-ms-name:"encart déporté style 3";}

/*
    dl.ms-rteElement-cea-definition-list{-ms-name:"List de définitions";}
    dt.ms-rteElement-cea-definition-title{-ms-name:"Titre d'une définition";}
    dd.ms-rteElement-cea-definition-body{-ms-name:"Texte d'une définition";}
*/
hr.ms-rteElement-cea-separation{-ms-name:"Séparation";}

.ms-rteStyle-cea-smallcaps{-ms-name:"Small caps";}
.ms-rteStyle-cea-kbd{-ms-name:"Raccourci-clavier";}
.ms-rteStyle-cea-code-variable{-ms-name:"Variable";}
.ms-rteStyle-cea-quiet {-ms-name: "Discret";}/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}/* 
    Document   : font
    Created on : 17 juil. 2012
    Author     : Romy Duhem-Verdiere
    Description: Font Stack CEA
*/


/* Font 2 : Ubuntu
   Cf.: http://font.ubuntu.com/ */
   
@font-face {
    font-family: 'FontFace';
    src: url('font/Ubuntu-R-webfont.eot');
    src: url('font/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Ubuntu-R-webfont.woff') format('woff'),
         url('font/Ubuntu-R-webfont.ttf') format('truetype'),
         url('font/Ubuntu-R-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* 1. Font par defaut */
body,
.font1 { font-family: Tahoma, Geneva, Verdana, sans-serif; }

/* 2. Font de titraille */
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6,
.title,
.rte-list dt,
caption,
thead th,
input[type="submit"],input.submit,
input[type="button"],input.button,
input[type="image"],input.image,
button,
.font2 { font-family: 'FontFace', Tahoma, Geneva, Verdana, sans-serif; letter-spacing: 0; }

/* 3. Font fantaisie */
.font3 { font-family: 'FontFace', Tahoma, Geneva, Verdana, sans-serif; letter-spacing: 0; }

/* 4. Font monospace */
pre,code,kbd,samp,var,tt,
.font4 { font-family: 'andale mono', 'lucida console', monospace; }

/* end *//* 
    Document   : typo
    Created on : 3 avril 2011
    Author     : Romy Duhem-Verdiere
    Description: Base typographique
*/

html { font-size: 100.01%; /* Cf.: http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; }
body { background: #FFF; font-size: .813em; line-height:1.5em; color: #353535; }

/* Default font settings.
   The font-size percentage is of 16px. (0.813 * 16px = 13px)
   
   node 2 :
   
   10px : .769em
   11px : .846em
   12px : .923em
   13px : 1em
   14px : 1.077em
   16px : 1.231em
   18px : 1.385em
   20px : 1.538em
   22px : 1.692em
   24px : 1.846em
   
   Rythme vertical : 1.5 (20px)

*/


/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 { display: block; margin: 0; margin-bottom: 1.5em; padding: 0; font-size: 100%; font-weight: normal; background: transparent no-repeat left .2em; }
hr { height: 1px; margin: 1.5em 0; border: 0; background: #666; color: #666; }

/* Titraille Blueprint
Cf. : http://www.blueprintcss.org/tests/parts/elements.html */
h1, .h1 { /* 24px */ font-size: 1.846em; line-height: 1; margin-bottom: .833em; color:#353535}
h2, .h2 { /* 20px */ font-size: 1.538em; line-height: 1; margin-bottom: 1em; clear:left; }
h3, .h3 { /* 16px */ font-size: 1.231em; line-height: 1.25em; margin-bottom: 1.25em; font-weight: bold; padding-left: 13px; /*background-image: url(img/puce-h3.gif);*/  }
h4, .h4 { /* 16px */ font-size: 1.231em; line-height: 1.25em; margin-bottom: 1.25em; }
h4, .h4, h4 *, .h4 * { color: #767676; }
h5, .h5 { /* 14px */ font-size: 1.077em; line-height: 1.429em; margin-bottom: 1.429em; }
h6, .h6 { /* 14px */ font-size: 1.077em; line-height: 1.429em; margin-bottom: 0; font-style: italic; padding-left: 13px; /*background-image: url(img/puce-h6.gif);*/ }
h6, .h6, h6 *, .h6 * { color: #6B6B6B; }

/* Enrichissements typographiques */
strong, b { font-weight: bold; }
em, i { font-style: italic; }
small, .small { font-size: 80%; }
big, .big { font-size: 150%; }
abbr[title],
acronym[title] { border-bottom: .1em dotted; cursor: help; }
/*@media print { abbr[title]:after { content: " (" attr(title) ")"; } }*/
dfn, .dfn { font-weight: bold; font-style: italic; }
del, .del { text-decoration: line-through; }
ins, .ins { text-decoration: none; background-color: #FFC; }
sup, sub { font-size: .846em; font-variant: normal; line-height: 0; }
sup { vertical-align: super; }
.ie sup { vertical-align: text-top; }
sub { vertical-align: sub; }
.ie sub { vertical-align: text-bottom; }
.caps, span.ms-rteStyle-cea-smallcaps{ font-variant: small-caps; }
.quiet, span.ms-rteStyle-cea-quiet { color: #666; }
.loud { color: #000; }


.webpart-diapo ul {
    list-style-image:none !important;
    margin-left:0px !important;
}

/* Tags*/
    /*Tag typologie*/
span.cea-typo {
    text-transform: uppercase;
    font-weight: bold;
}
    /*Tag thématiques*/
span.cea-themes {
    text-transform: uppercase;
    font-weight: normal;
}

/* Listes 
.page_evenement ul,
.page_article ul,
.home ul,
#Content ul,
.page_actualite ul,
.page_publication ul,
.page_portrait ul,
.page_dossier ul,
.page_chapitre ul,
.page_evenement ol,
.page_article ol,
.home ol,
#Content ol,
.page_actualite ol,
.page_publication ol,
.page_portrait ol,
.page_dossier ol,
.page_chapitre ol,
ul, ol, li, dl, dt, dd {}
ul ul, ol ol, ul ol, ol ul { margin-top: 0; margin-bottom: 0; }

dl dt { font-weight: bold; }
dl dd {}

.page_evenement ul,
.page_article ul,
.home ul,
#Content ul,
.page_actualite ul,
.page_publication ul,
.page_portrait ul,
.page_dossier ul,
.page_chapitre ul,
.rte-list,
.rte-list ul,
.page_evenement ol,
.page_article ol,
.home ol,
#Content ol,
.page_actualite ol,
.page_publication ol,
.page_portrait ol,
.page_dossier ol,
.page_chapitre ol,
.rte-list ol { margin-left: 35px; }

.page_evenement ul,
.page_article ul,
.home ul,
#Content ul,
.page_actualite ul,
.page_publication ul,
.page_portrait ul,
.page_dossier ul,
.page_chapitre ul,
ul.rte-list-1 { list-style-image: url(img/puce-1.gif); }
ul.rte-list-2 { list-style-image: url(img/puce-2.gif); }

.page_evenement li ul ul,
.page_article li ul ul,
.home li ul ul,
#Content li ul ul,
.page_actualite li ul ul,
.page_publication li ul ul,
.page_portrait li ul ul,
.page_dossier li ul ul,
.page_chapitre li ul ul,
.page_evenement ul li ul,
.page_article ul li ul,
.home ul li ul,
#Content ul li ul,
.page_actualite ul li ul,
.page_publication ul li ul,
.page_portrait ul li ul,
.page_dossier ul li ul,
.page_chapitre ul li ul,
.rte-list li ul ul,
.page_evenement ul ul,
.page_article ul ul,
.home ul ul,
#Content ul ul,
.page_actualite ul ul,
.page_publication ul ul,
.page_portrait ul ul,
.page_dossier ul ul,
.page_chapitre ul ul,
.rte-list li ul ul{ list-style-type: disc; list-style-image:none }

.page_evenement li ul ul ul,
.page_article li ul ul ul,
.home li ul ul ul,
#Content li ul ul ul,
.page_actualite li ul ul ul,
.page_publication li ul ul ul,
.page_portrait li ul ul ul,
.page_dossier li ul ul ul,
.page_chapitre li ul ul ul,
.rte-list li ul ul ul{ list-style-image: url(img/puce-4.gif);  }

.page_evenement ol,
.page_article ol,
.home ol,
#Content ol,
.page_actualite ol,
.page_publication ol,
.page_portrait ol,
.page_dossier ol,
.page_chapitre ol,
ol.rte-list,
.rte-list ol { list-style-type: decimal; }

.page_evenement ol li ul,
.page_article ol li ul,
.home ol li ul,
#Content ol li ul,
.page_actualite ol li ul,
.page_publication ol li ul,
.page_portrait ol li ul,
.page_dossier ol li ul,
.page_chapitre ol li ul,
.page_evenement ol ul,
.page_article ol ul,
.home ol ul,
#Content ol ul,
.page_actualite ol ul,
.page_publication ol ul,
.page_portrait ol ul,
.page_dossier ol ul,
.page_chapitre ol ul,
.page_evenement ol ul ul,
.page_article ol ul ul,
.home ol ul ul,
#Content ol ul ul,
.page_actualite ol ul ul,
.page_publication ol ul ul,
.page_portrait ol ul ul,
.page_dossier ol ul ul,
.page_chapitre ol ul ul  { list-style-type: disc; list-style-image:none}

.page_evenement ol li,
.page_article ol li,
.home ol li,
#Content ol li,
.page_actualite ol li,
.page_publication ol li,
.page_portrait ol li,
.page_dossier ol li,
.page_chapitre ol li {list-style-image:none}*/

ol.menu {list-style-type:none; margin-left:0px}

div#bando-infos ul, div.navtools ul{list-style-type:none; list-style-image:none}

dl.rte-list, dl.ms-rteElement-cea-definition-list { margin-left: 0; }
.rte-list dt, .ms-rteElement-cea-definition-list dt,
.rte-list dd, .ms-rteElement-cea-definition-list dd{ padding-left: 19px; border-left: 1px solid #666; }
.rte-list dd , .ms-rteElement-cea-definition-list dd{ color: #666; }

/* Tableaux */
table.rte-table { width: 100%; }
.rte-table th {}
.rte-table caption { font-weight: bold; }
.rte-table thead th {}
.rte-table th,
.rte-table td,
.rte-table caption { padding: 0.7em; text-align: left; }
.rte-table td { color: #666; }
.rte-table tfoot { font-style: italic; }

.rte-table-1 {}
.rte-table-1 tbody,
.rte-table-1 thead th { border: 1px solid #DADEE1; border-width: 1px 0; }
.rte-table-1 tbody tr:nth-child(odd) td,
.rte-table-1 tbody tr.odd td { background: #F2F2F2; }

.rte-table-2 {}
.rte-table-2 caption { background: #333; color: #FFF; }
.rte-table-2 thead th { background: #CCC; }
.rte-table-2 tbody td { border: 1px solid #DADEE1; }

.rte-table tr:hover td { background: #EEE !important; }

/* Citations, code et poesie */
q { font-style: italic; }
blockquote { padding: 0 60px; font-style: italic; background: url(blockquote.png) no-repeat left top;overflow:hidden; }
cite { font-style: italic; }

q { quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D" "\2018" "\2019"; }
q:before { content: open-quote; }
q:after { content: close-quote; }

address { font-style: italic; }

pre { margin: 1em 0;
    /* Cf.: http://perishablepress.com/press/2010/06/01/wrapping-content/ /
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}
kbd, span.ms-rteStyle-cea-kbd { background-color: #616161; color:  #fff; }
samp { font-weight: bold; }
var, span.ms-rteStyle-cea-code-variable { font-style: italic; }

/* Justifications */
.align-left { text-align: left; }
.justify { text-align: justify; }
.align-right { text-align: right; }

/* Illustrations */
.figure, .ms-rteElement-cea-figure { text-align: center; color: #666; }

/* Cadres et alignements */
.box,
.rte-box, 
[class*="cea-rte-box"],
[class*="cea-rte-right-box"],
[class*="cea-rte-left-box"] { 
	display: block; 
	padding: 1.5em 9px; 
	border: 1px solid; 
	margin:1.5em 0 
} /* bordure nécessaire (pour l'impression) */
.rte-box-1 {}

.rte-box-2, .ms-rteElement-cea-rte-box-2, .ms-rteElement-cea-rte-right-box-2, .ms-rteElement-cea-rte-left-box-2, .ms-rteElement-cea-rte-box-push-2 { background: #333; border-color: #333; }

.rte-box-2, .ms-rteElement-cea-rte-box-2,
.ms-rteElement-cea-rte-right-box-2, .ms-rteElement-cea-rte-left-box-2,.ms-rteElement-cea-rte-box-push-2,
.rte-box-2 *, .ms-rteElement-cea-rte-box-2 *,
.ms-rteElement-cea-rte-right-box-2 *, .ms-rteElement-cea-rte-left-box-2 *, .ms-rteElement-cea-rte-box-push-2 * { color: #FFF !important; }


.rte-box-3, .ms-rteElement-cea-rte-box-3, .ms-rteElement-cea-rte-right-box-3, .ms-rteElement-cea-rte-left-box-3, .ms-rteElement-cea-rte-box-push-3 { background: #444; border-color: #444; }

.rte-box-3, .ms-rteElement-cea-rte-box-3,
.ms-rteElement-cea-rte-right-box-3, .ms-rteElement-cea-rte-left-box-3,.ms-rteElement-cea-rte-box-push-3,
.rte-box-3 *, .ms-rteElement-cea-rte-box-3 *,
.ms-rteElement-cea-rte-right-box-3 *, .ms-rteElement-cea-rte-left-box-3 *, .ms-rteElement-cea-rte-box-push-3 * { color: #FFF !important; }


.container_12 .rte-box.grid_3 { width: 200px; }
.container_12 .rte-box.push_3, .ms-rteElement-cea-grid_6-omega-push-box-1, .ms-rteElement-cea-grid_6-omega-push-box-2, .ms-rteElement-cea-grid_6-omega-push-box-3 { margin-left: -220px; }

.rte-box-0, .ms-rteElement-cea-rte-box-push-0 { padding-left: 0; padding-right: 0; border-width: 1px 0; }
.container_12 .rte-box-0.grid_3, div[class^=ms-rteElement-cea-rte-right], div[class^=ms-rteElement-cea-rte-left] { width: 220px; }
.container_12 .rte-box-0.push_3 { margin-left: -240px; }

*[class^=ms-rteElement-cea-rte-box-push-]{
	float:right!important;
	margin-right:-250px;
	width:220px	
}


/* Paragraphes */
p, .p, dl, dd, blockquote, address, pre, table, fieldset, .rte-list, .rte-box, .figure { margin-bottom: 1.5em; }

/**
* Print styles from HTML5 Boilerplate
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
*/
@media print {
    pre, blockquote { page-break-inside: avoid; }
    thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
    tr, img { page-break-inside: avoid; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}

/* end *//* 
    Document   : links
    Created on : 17 juil. 2012
    Author     : Romy Duhem-Verdiere
    Description: Style des liens
*/
a.ms-rteElement-cea-link:link,
a.ms-rteElement-cea-link:visited { text-decoration: underline !important;}
a.ms-rteElement-cea-link:focus          { outline: thin dotted invert  !important;}

a.ms-rteElement-cea-link,
a.ms-rteElement-cea-link:link          { color: #353535  !important;; } /* Même couleur que le texte */
a.ms-rteElement-cea-link:visited       { color: #666  !important;; }

/* Etats */
a:focus,
a:hover,
a:active {
    text-decoration: none;
}
/* Pas de couleur par defaut */

a, a:visited{
    background: transparent no-repeat right center;
	color:#353535;
}
a strong.title {color:#353535}

/*  Les liens sont par défaut soulignés,     cf.: http://www.w3.org/TR/CSS21/sample.html */
div.grid_9 a:link, div.grid_9 a:visited {text-decoration: underline;} /* liens contenus dans le body des layouts */
div.grid_9 a:hover{text-decoration: none;} /* liens contenus dans le body des layouts */
div.grid_9 .menu a, div.grid_9 .menu  a:link, div.grid_9 .menu  a:visited , div.grid_9 .more  a{text-decoration: none;} /* liens contenus dans le body des layouts */
div.grid_9 .menu a:hover, div.grid_9 .more  a:hover{text-decoration:underline}
div#navdropdown a:link, div#navdropdown a:visited{text-decoration:none} /* liens du méga menu */

a:focus {
    outline: thin dotted invert;
}

#navtop-1 > a, 
#navtop-2 > a,
#intra-navtop-2 > a, 
#navtop-1 > a:link, 
#navtop-2 > a:link,
#intra-navtop-2 > a:link {
    color: #353535;
}
/* Même couleur que le texte */

#navtop-1 > a:visited,
#navtop-2 > a:visited,
#intra-navtop-2 > a:visited {
    color: #666;
}

@media print {
    a,
    a:visited {
        color: #666;
        text-decoration: none;
    }

        .ir a:after,
        a[href^="javascript:"]:after,
        a[href^="#"]:after {
            content: "";
        }
    /* Don't show links for images, or javascript/internal links */
}

/* Liens externes */
a.external, a[class*="external"],
a[rel ^="a.external:"] {
    padding-right: 13px;
    background: url(img/sprite/links.gif) no-repeat right top;
}

/* Liens courriel */
a.mailto, a[class*="mailto"],
a[href ^="mailto:"] {
    padding-right: 17px;
    background: url(img/sprite/links.gif) no-repeat right -80px;
}

/* Documents a telecharger */
a.download, a[class*="download"] {
    padding-right: 13px;
    background: url(img/sprite/links.gif) no-repeat right -40px;
}

    a.download .ext abbr {
        border-bottom: 0;
    }

/* Embarquer ce media */
a.emb {
    padding-right: 15px;
    background: url(img/sprite/links.gif) no-repeat right -160px;
}

/* Definition */
a.dfn {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    border-bottom: 1px dashed;
}

    a.dfn:focus,
    a.dfn:hover,
    a.dfn:active {
        border-bottom: none;
    }


/* hreflang */
a[hreflang]:after {
    background: transparent;
    content: "\0000a0(" attr(hreflang) ")";
}

/* Autres medias */
@media print {
    a.external,
    a[rel ^="a.external:"],
    a.mailto,
    a[href ^="mailto:"] {
        padding-right: 0;
        background: none;
    }

    .ie6 a {
        padding-right: 0;
        background: none;
    }
    /*ie6*/
    a.external:after,
    a[rel ^="a.external:"]:after,
    a.mailto:after,
    a[href ^="mailto:"]:after {
        content: "\0000a0("attr(href)")";
    }
}

/* Liens exposes */
.on {
    font-weight: bold;
}

/* Standard tiles (all content page)*/
a.ms-storefront-appiconspan {
    background-color: rgb(0, 114, 198);
}
/* end */
/*
    Document   : buttons
    Created on : 4 sept. 2012
    Author     : Romy Duhem-Verdière
    Description:
        Boutons pour formulaires, etc.
*/

/*  Buttons from Boostrap
    Cf.: http://twitter.github.com/bootstrap/base-css.html#forms */

.btn, input[type="submit"].btn  {
  display: inline-block;
  *display: inline;
  padding: 4px 14px;
  margin-bottom: 0;
  margin-left:0px;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #FFF, #e6e6e6);
  background-image: -o-linear-gradient(top, #FFF, #e6e6e6);
  background-image: linear-gradient(to bottom, #FFF, #e6e6e6);
  background-image: -moz-linear-gradient(top, #FFF, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #bbbbbb;
  *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled], 
input[type="submit"].btn:hover,
input[type="submit"].btn:active,
input[type="submit"].btn,
input[type="submit"].btn,
input[type="submit"].btn,
input[type="submit"].btn
 {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #CCC \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
input[type="submit"].btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -20px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-large {
  padding: 9px 14px;
  font-size: 16px;
  line-height: normal;
  /*-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;*/
}

.btn-large [class^="icon-"] {
  margin-top: 2px;
}

.btn-small {
  padding: 3px 9px;
  font-size: 12px;
  line-height: 18px;
}

.btn-small [class^="icon-"] {
  margin-top: 0;
}

.btn-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 16px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn {
  border-color: #c5c5c5;
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
a.btn { text-decoration: none !important; }

@media print { 
	a.btn {display:none;}
	}

.btn-warning {
  color: #FFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #FFF;
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}

.btn-danger {
  color: #FFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #FFF;
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}

.btn-success {
  color: #FFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #FFF;
  background-color: #51a351;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-info {
  color: #FFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #FFF;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

.btn-inverse {
  color: #FFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222));
  background-image: -webkit-linear-gradient(top, #444, #222);
  background-image: -o-linear-gradient(top, #444, #222);
  background-image: linear-gradient(to bottom, #444, #222);
  background-image: -moz-linear-gradient(top, #444, #222);
  background-repeat: repeat-x;
  border-color: #222 #222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #FFF;
  background-color: #222;
  *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}

button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

.btn-link,
.btn-link:active {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-link {
  color: #B20E0C;
  cursor: pointer;
  border-color: transparent;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-link:hover {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}

.btn-group {
  position: relative;
  *margin-left: .3em;
  font-size: 0;
  white-space: nowrap;
}

.btn-group:first-child {
  *margin-left: 0;
}

.btn-group + .btn-group {
  margin-left: 5px;
}

.btn-toolbar {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0;
}

.btn-toolbar .btn-group {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}

.btn-toolbar .btn + .btn,
.btn-toolbar .btn-group + .btn,
.btn-toolbar .btn + .btn-group {
  margin-left: 5px;
}

.btn-group > .btn {
  position: relative;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-group > .btn + .btn {
  margin-left: -1px;
}

.btn-group > .btn,
.btn-group > .dropdown-menu {
  font-size: 14px;
}

.btn-group > .btn-mini {
  font-size: 11px;
}

.btn-group > .btn-small {
  font-size: 12px;
}

.btn-group > .btn-large {
  font-size: 16px;
}

.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  *padding-top: 5px;
  padding-right: 8px;
  *padding-bottom: 5px;
  padding-left: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group > .btn-mini + .dropdown-toggle {
  *padding-top: 2px;
  padding-right: 5px;
  *padding-bottom: 2px;
  padding-left: 5px;
}

.btn-group > .btn-small + .dropdown-toggle {
  *padding-top: 5px;
  *padding-bottom: 4px;
}

.btn-group > .btn-large + .dropdown-toggle {
  *padding-top: 7px;
  padding-right: 12px;
  *padding-bottom: 7px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #B20E0C;
}

.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}

.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}

.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}

.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}

.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222;
}

.btn .caret {
  margin-top: 8px;
  margin-left: 0;
}

.btn-mini .caret,
.btn-small .caret,
.btn-large .caret {
  margin-top: 6px;
}

.btn-large .caret {
  border-top-width: 5px;
  border-right-width: 5px;
  border-left-width: 5px;
}

.dropup .btn-large .caret {
  border-top: 0;
  border-bottom: 5px solid #000000;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}

.btn-group-vertical {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}

.btn-group-vertical .btn {
  display: block;
  float: none;
  width: 100%;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-group-vertical .btn + .btn {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical .btn:first-child {
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.btn-group-vertical .btn:last-child {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.btn-group-vertical .btn-large:first-child {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}

.btn-group-vertical .btn-large:last-child {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}

/* end */

/*suiteBar*/
#searchbox button[id$=ctl00_TransversalSearchBoxCtrl_btnSearchBox] {
    min-width:inherit;
    max-width:19px;
}

/*
    Document   : forms
    Created on : 21 avril 2012
    Author     : Romy Duhem-Verdière
    Description:
        Base pour formulaires
*/

input,textarea,select,button { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; }

legend { /*font-weight: bold;*/ }

/* Hand cursor on clickable input elements */
input[type="submit"],input.submit,
input[type="button"],input.button,
input[type="image"],input.image,
button { cursor: pointer; }

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */


.ie fieldset { padding-top: 0; }
.ie6 legend,
.ie7 legend { margin-left: -7px; } /* Preciser la couleur des legend et du fond pour IE/Win */
.ie button,
.ie input.submit,
.ie input.button { position: relative; }

button { width: auto; overflow: visible; } /* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */

/* Success, info, warning and error/alert boxes */

.error, 
.warning,
.success, 
.info               { padding: 10px 0; }

.reponse,
.reponse.error,
.reponse.warning,
.reponse.success, 
.reponse.info       { margin-bottom: 1.5em; padding: 5px; padding-top:9px; padding-left: 40px; background-repeat: no-repeat; background-image: url(img/sprite/reponse.png); background-position: left -600px; }

.error              { background-color: #F3DDDD; }
.warning            { background-color: #FDF1C5; }
.success            { background-color: #D6EBCF; }

.reponse.warning    { background-image: url(img/sprite/reponse.png); background-position: left top; border: 1px solid #D5C07C; }
.reponse.success    { background-image: url(img/sprite/reponse.png); background-position: left -200px; border: 1px solid #c6d880; } 
.reponse.error      { background-image: url(img/sprite/reponse.png); background-position: left -400px; border: 1px solid #C7B6B4; } 

.error,
.error a            { color: #BF1714; }
.warning,
.warning a          { color: #866A0E; }
.success,
.success a          { color: #264409; }
.info,
.info a             { color: #575F69; }

/* champs obligatoires */
.required {}
.asterisk { border: 0 !important; color: #AD0C05; font-weight: bold; }

/* Print */
 /*
@media print {
  form { display: none; }
}
  */

/*  Forms from Boostrap
    Cf.: http://twitter.github.com/bootstrap/base-css.html#forms */

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
  padding: 0;
  border: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

form {
  /*margin: 0 0 1.5em;*/
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  /*margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border-bottom: 1px solid #e5e5e5;*/
  border: 0;
}

legend small {
  /*font-size: 15px;*/ font-size: .9em;
  color: #999999;
}

label,
input,
button,
select,
textarea {
  /*font-size: 14px;
  font-weight: normal;
  line-height: 20px;*/
}

input,
button,
select,
textarea {
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

label {
  display: block;
  margin-bottom: 5px;
}
table.ms-authoringcontrols label{display:inline-block} /* Fix pour les formulaires standard de SP */


select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.cea-input-taxonomyselector .ms-taxonomy .ms-taxonomy-fieldeditor .ms-taxonomy-writeableregion,
.uneditable-input {
  display: inline-block;
  height: 20px; height: 1.5em;
  padding: 4px 6px;
  margin-bottom: 9px;
  /*font-size: 14px;
  line-height: 20px;
  color: #555555;*/
  /*-webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;*/
}

#intra-navtop-2 input[id$=TransversalSearchBoxCtrl_inputSearchBox]{height:13px; margin-bottom:auto;}

/* .cea-input-taxonomy-height  */
/*.cea-input-taxonomy .cea-input-taxonomy-width .ms-taxonomy-width {
  width: 500px!important;
}*/
/* Cette classe et les redéifinition des classes , ms-taxonomy-* servent à afficher le contrôle TaxonomySelector dans la page des propriétés d'un site WebProperties.aspx*/
.cea-input-taxonomyselector{

}

/*.cea-input-taxonomyselector .ms-taxonomy-width div{
width: 410px!important;
}*/

/*.cea-input-taxonomyselector .ms-taxonomy .ms-taxonomy-fieldeditor .ms-taxonomy-writeableregion{
  background-color: #FFF!important;
  border: 1px solid #cccccc!important;
}

 .cea-input-taxonomyselector .ms-taxonomy .ms-taxonomy-fieldeditor .ms-taxonomy-writeableregion:focus{
  border-color: rgba(82, 168, 236, 0.8)!important;
 }*/

.ms-taxonomy-width div[style] {
  width: 386px!important;
  height: auto!important;
}



input,
textarea{
  width: 210px;
}


textarea {
  height: auto;
}


/*.cea-input-taxonomy-height  .cea-input-taxonomy-width .cea-input-taxonomy-shadow*/

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.cea-input-taxonomyselector .ms-taxonomy .ms-taxonomy-fieldeditor .ms-taxonomy-writeableregion {
  background-color: #FFF;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.cea-input-taxonomyselector .ms-taxonomy .ms-taxonomy-fieldeditor .ms-taxonomy-writeableregion:focus{
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

 /* WEB-524*/
label input[type="checkbox"] {
    margin: 0 4px 0 -11px;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select,
input[type="file"] {
  height: 30px; height: 2em;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px; line-height: 2em;
}

select {
  width: 220px;
  background-color: #FFF;
  border: 1px solid #bbb;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.uneditable-input,
.uneditable-textarea {
  color: #999999;
  cursor: not-allowed;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

.radio,
.checkbox {
  min-height: 18px;
  padding-left: 18px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0;
}

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block;
}

input,
textarea,
.uneditable-input {
  margin-left: 0;
}

.controls-row [class*="span"] + [class*="span"] {
  margin-left: 20px;
}

input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 926px;
}

input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 846px;
}

input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 766px;
}

input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 686px;
}

input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 606px;
}

input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 526px;
}

input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 446px;
}

input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 366px;
}

input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 286px;
}

input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 206px;
}

input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 126px;
}

input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 46px;
}

.controls-row {
  *zoom: 1;
}

.controls-row:before,
.controls-row:after {
  display: table;
  line-height: 0;
  content: "";
}

.controls-row:after {
  clear: both;
}

.controls-row [class*="span"] {
  float: left;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}

.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #866A0E;
}

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #866A0E;
  border-color: #866A0E;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.warning .checkbox:focus,
.control-group.warning .radio:focus,
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #866A0E;
  background-color: #fcf8e3;
  border-color: #866A0E;
}

.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #BF1714;
}

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #BF1714;
  border-color: #BF1714;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.error .checkbox:focus,
.control-group.error .radio:focus,
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #BF1714;
  background-color: #f2dede;
  border-color: #BF1714;
}

.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.success .checkbox:focus,
.control-group.success .radio:focus,
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
  color: #BF1714;
  border-color: #ee5f5b;
}

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
     -moz-box-shadow: 0 0 6px #f8b9b7;
          box-shadow: 0 0 6px #f8b9b7;
}

.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}

.form-actions:before,
.form-actions:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-actions:after {
  clear: both;
}

/* Aide contextuelle
------------------------------------------ */
.js .help {display:none;}
.no-js .help {display:block;}


.help-block,
.help-inline {
  color: #595959;
}

.no-js .help-block,
.help-block {
  display: block;
  margin-bottom: 10px;
}

.no-js .help-inline,
.help-inline {
  display: inline-block;
  *display: inline;
  padding-left: 5px;
  vertical-align: middle;
  *zoom: 1;
}

.btn_help { display: none; }
.js .btn_help { display: inline; padding: 2px 8px; }

.input-append,
.input-prepend {
  margin-bottom: 5px;
  font-size: 0;
  white-space: nowrap;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  font-size: 14px;
  vertical-align: top;
  -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
}

.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2;
}

.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #FFF;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}

.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn {
  margin-left: -1px;
  vertical-align: top;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
}

.input-append .add-on:last-child,
.input-append .btn:last-child {
  -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
}

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */

  margin-bottom: 0;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

/* Allow for input prepend/append in search forms */

.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  vertical-align: middle;
  *zoom: 1;
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}

.control-group {
  margin-bottom: 10px;
}

legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-horizontal .control-group:after {
  clear: both;
}

.form-horizontal .control-label,
.form-inline .control-label {
  float: left;
  width: 140px;
  padding-top: 5px;
  text-align: right;
}

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 160px;
  *margin-left: 0;
}

.form-horizontal .controls:first-child {
  *padding-left: 160px;
}

.form-horizontal .help-block {
  margin-top: 10px;
  margin-bottom: 0;
}

.form-horizontal .form-actions {
  padding-left: 160px;
}

.js.ie7 #firstSearch .help-inline { margin: -30px 0 0;}
.ie7 .tab-panel .control-label {float:none;}
.ie7 .tab-panel .controls {margin: -25px 0 0;padding-left:160px;}
.ie7 .tab-panel .controls input {margin-bottom:10px;}
.ie7 .tab-panel .checkbox.inline {display:block;float:left;}

/* end *//*
    Document   : clear
    Created on : 26 mai 2011
    Author     : Romy Duhem-Verdière
    Description:
        Classes pour faciliter la composition
*/

/* Blocs */
.block { display: block; margin-bottom: 1.5em; }
.box { display: block; margin-bottom: 1.5em; padding: 1.5em; background: #EEE; }

/* Listes, tableaux et mosaiques */
.first { margin-left: 0; padding-left: 0; }
.last { margin-right: 0; padding-right: 0; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }
.odd {}
.even {}
.sep {}

/* Alignements */
.left, *[class^=ms-rteElement-cea-rte-left-box] { float: left !important; }
.right, *[class^=ms-rteElement-cea-rte-right-box], *[class^=ms-rteElement-cea-grid_6-omega-push-box] { float: right !important; }
.center { text-align: center; margin-right: auto; margin-left: auto; }

*[class^=ms-rteElement-cea-rte-left-box]{margin-right:10px}
*[class^=ms-rteElement-cea-rte-right-box]{margin-left:10px}

/* Espaceur de blocs */
.clear { clear: both; }
br.clear { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; }
hr.clear { visibility: hidden; }

/* clearfix : http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "\0020";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    overflow: hidden;
}
.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* Non visible a l'ecran */
.offscreen { position: absolute; left: -999em; height: 1%; }
.hidden { visibility: hidden; }
.none { display: none; }

/* debug */
.todo { opacity: 0.5; }
.todo:hover { opacity: 1; }
.blink { text-decoration: blink; }

/* end *//*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.container_12 .grid_25,
.grid_3, .ms-rteElement-cea-grid_3-alpha, 
.grid_4,
.grid_45,
.grid_5,
.grid_6, .ms-rteElement-cea-grid_6-omega,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.ms-rteElement-cea-grid_6-omega-push-box-0,
.ms-rteElement-cea-grid_6-omega-push-box-1,
.ms-rteElement-cea-grid_6-omega-push-box-2,
.ms-rteElement-cea-grid_6-omega-push-box-3,
.ms-rteElement-cea-grid_6-omega-push-box {
  display: inline;
  float: left;
  margin-left:10px; margin-right:10px
}
#main-inner{margin-left:5px; margin-right:5px}
.container_12 #main-inner > span[class*="grid_"],.container_12 #main-inner > div[class*="grid_"]{margin-left:0px; margin-right:0px}
 
.ms-rteElement-cea-grid_6-omega-push-box-0,
.push_1, .pull_1, .ms-rteElement-cea-grid_6-omega-push-box-1,
.push_2, .pull_2, .ms-rteElement-cea-grid_6-omega-push-box-2,
.push_3, .pull_3, .ms-rteElement-cea-grid_6-omega-push-box-3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_25 {
  width: 172px;
}

.container_12 .grid_3 {
  width: 220px;
}
.container_12 *[class^=ms-rteElement-cea-grid_3]{width:20%!important}
.container_12 *[class^=ms-rteElement-cea-grid_3],
.container_12 *[class^=ms-rteElement-cea-grid_6]{margin:auto:0} /* reprend le style alpha & omega */

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_45 {
  width: 340px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_6  {
  width: 460px;
}
.container_12 *[class^=ms-rteElement-cea-grid_6]{width:70%!important} /* pas plus de 70% pour prendre en compte les margin*/
.container_12 *[class^=ms-rteElement-cea-grid_6] > *{width:45%} /*S�paration de la colonne de droite (Faux 3 colonnes)*/

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_9 {
  width: 700px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

.container_12 .grid_12 {
  width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_3 {
  padding-left: 240px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_6 {
  padding-left: 480px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_9 {
  padding-left: 720px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_3 {
  padding-right: 240px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_6 {
  padding-right: 480px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_9 {
  padding-right: 720px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left: 80px;
}

.container_12 .push_2 {
  left: 160px;
}

.container_12 .push_3, *[class^=ms-rteElement-cea-rte-box-push-] {
  left: 240px;
}

.container_12 .push_4 {
  left: 320px;
}

.container_12 .push_5 {
  left: 400px;
}

.container_12 .push_6 {
  left: 480px;
}

.container_12 .push_7 {
  left: 560px;
}

.container_12 .push_8 {
  left: 640px;
}

.container_12 .push_9 {
  left: 720px;
}

.container_12 .push_10 {
  left: 800px;
}

.container_12 .push_11 {
  left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_3 {
  left: -240px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_6 {
  left: -480px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_9 {
  left: -720px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}


/* Give positions on zones
----------------------------------------------------------------------------------------------------*/
.left, .middle {
  float: left;
}
.right {
  float: right;
}
.top, .bottom {
  clear: both;
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}

/* end */



table[class$=MyCustomClassName]{border:1px solid red; border-collapse:collapse}/*
Document  : layout
Created on : 2 juil. 2012, 17:28:49
Author   : Christophe Chevrier
*/

/* --------------------------------------- */
/* Structure du layout :

#navtop-2
    #navback
#navtop-1
    #navskip
#header
    #branding
    .navheader
        #navprimary
            #nav
            #navdropdown
        #navquick
    .search
#s4-mainarea
    #mainwrapper
        .breadcrumb
        #main-inner
            #content
                .cartouche
                ...
                #aside
            #navsecondary
                #navsub
                #propbox
#footer
    .footer
    #footer-map
#navportal
    #navportal-header
    #navportal-map

/* --------------------------------------- */

/* ATTENTION ! Pas d' overflow: [auto|hidden] dans le body, sinon on aura une double-scrollbar */
body {
    overflow-y: hidden;
}

#s4-workspace {
    /*background-color: #EDEDED;*/
    overflow-y: scroll;
}

#s4-bodyContainer {
    padding-bottom:0px !important;
}

body.v4master {
    background: #ededed no-repeat fixed;
}
/* text-align: center;}*/
.js body.v4master {
    background-repeat: repeat;
    background-attachment: fixed;
}

body #s4-workspace {
    text-align: left;
}

body #s4-mainarea {
    float: none;
}

body #mainwrapper {
    background: #fff;
}

body #main-inner {
    padding: 10px 0;
    min-height: 350px;
}

body #mainwrapper {
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
}

/* Popin Layout */
.popin-layout {
}

    .popin-layout #s4-workspace {
        width: 50%;
        margin: 3em 25%;
        padding: 1%;
        background: #fff;
        border: 1px solid;
    }

/* General : menus
------------------------------------------ */

.nv-item {
    clear: none !important;
    padding: 0;
}

.menu {
}

    .menu a,
    .menu a:link,
    .menu a:visited {
        text-decoration: none;
    }

        .menu a:focus,
        .menu a:hover,
        .menu a:active {
            text-decoration: underline;
        }

    .menu ul,
    .menu ol {
        list-style: none;
    }

.menu-horizontal {
    float: left;
}

    .menu-horizontal .nv-item {
        float: left;
        min-width: 10px;
        max-width: 255px;
        /*border-right: 1px solid;*/
    }

        .menu-horizontal .nv-item.last {
            border-right: 0;
        }

    .menu-horizontal a {
        display: block;
        padding: 0 10px;
    }

.menu-vertical {
}

.js .morelevel {
    cursor: pointer;
}

.morelevel .arrow {
    font-size: 60%;
}

.menu-dropdown {
    display: none;
}

.menu-dropdown .level1 { 
    margin-left: 0;
    margin-right: 0;
} 

.menu-dropdown .level2 { 
    font-size: 11px;
    padding-left: 10px;
 }


/* Bandeaux de navigation top
------------------------------------------ */
#navtop-1 {
    position: relative;
    width: 100%;
    background: #fff;
    color: #7b7b7b;
}

    #navtop-1 a {
        color: #6c6c6c;
    }

/* Liens d'evitement */
#navskip {
    clear: both;
}

    #navskip ul {
        width: 100%;
    }

    #navskip li {
        margin: 5px 0;
        padding: 0;
        border-right: 1px solid #7b7b7b;
        line-height: 1.2em;
        font-size: .9em;
    }

        #navskip li a {
            display: block;
            padding: 0 10px;
        }

        #navskip li.first a {
            padding-left: 0;
        }

        #navskip li.last {
            border: 0;
        }

        /* Choisir la langue */
        #navskip li.nv-item-7 {
            float: right;
            margin: 5px 0;
            line-height: 1.2em;
            white-space: nowrap;
        }

            #navskip li.nv-item-7 a {
                display: inline;
                padding: 0;
            }

/* Retours */
.gotop,
.gobottom,
.goback,
.goforward {
    display: block;
    white-space: nowrap;
}

    .gotop a,
    .gobottom a,
    .goback a,
    .goforward a {
        background: url(img/sprite/go.png) no-repeat;
        color: #666;
        text-decoration: none!important;
    }

        .gotop a:focus,
        .gotop a:hover,
        .gotop a:active,
        .gobottom a:focus,
        .gobottom a:hover,
        .gobottom a:active,
        .goback a:focus,
        .goback a:hover,
        .goback a:active,
        .goforward a:focus,
        .goforward a:hover,
        .goforward a:active {
            text-decoration: underline!important;
        }

.gotop {
    text-align: right;
}

    .gotop a {
        padding-right: 15px;
        background-position: right -80px;
    }

.goback {
    text-align: left;
}

    .goback a {
        padding-left: 15px;
        background-position: left -120px;
    }

.goforward {
    text-align: right;
}

    .goforward a {
        padding-right: 15px;
        background-position: right top;
    }

@media print {
    .gotop,
    .gobottom,
    .goback,
    .goforward {
        display: none;
    }
}

/* ---------------------------------------------------- */
/* Entete et barre de navigation
/* ---------------------------------------------------- */
#header {
    margin-top: 25px;
}

#header-wrapper {
    background: #fff url(img/bg/header.jpg) no-repeat;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
}

#header-inner {
    position: relative;
    padding: 20px 0 0;
}

#header noscript .reponse,
#header noscript .reponse p {
    margin-bottom: 0;
    text-align: left;
}

/* Identité du site */
#branding {
}

    #branding h1,
    #branding .h1 {
        margin: 0;
        padding: 0;
    }

    #branding .logo {
        margin-bottom: 20px;
        padding: 0;
    }

        #branding .logo img {
            border: 0;
        }

    #branding .baseline {
        float: right;
        margin-top: 40px;
        margin-bottom: 1.5em;
        text-align: right;
    }

        #branding .baseline strong.h1 {
            margin-bottom: .2em;
            font-size: 2em;
        }

        #branding .baseline p {
            font-size: 1.231em;
            color: #353535;
        }

/* Navigations du header
------------------------------------------ */
.navheader {
    position: relative;
    margin-top: -1.5em;
    padding-top: 1.5em;
}

.ie7 .navheader {
    margin-top: 0em;
}

/* Navigation principale */
#navprimary {
    clear: both;
    padding-bottom: 10px;
    background: #FFF;
}

    #navprimary .menu {
        width: 100%;
    }

        #navprimary .menu li.nv-item {
        }

    #navprimary #nav {
        background: #353535;
		min-height:35px
    }

        #navprimary #nav,
        #navprimary #nav a {
            color: #fff;
        }

            #navprimary #nav a:focus,
            #navprimary #nav a:hover,
            #navprimary #nav a:active {
                text-decoration: none;
            }

            #navprimary #nav li.nv-item {
                position: relative;
                z-index: 10;
                border: 0;
                text-transform: uppercase;
                letter-spacing: .03em;
                background-image: url(img/menu-separator.png);
                background-repeat: no-repeat;
                background-position: right .8em;
            }

                #navprimary #nav li.nv-item a {
                    padding: .6em 10px 10px;
                }

            #navprimary #nav li.on {
                background-color: #666;
                font-weight: normal;
            }

            #navprimary #nav li.active,
            #navprimary #nav li.nv-item:focus,
            #navprimary #nav li.nv-item:hover,
            #navprimary #nav li.nv-item:active {
                background-color: #585958;
            }

                #navprimary #nav li.active a {
                    background: url(img/bg/nav-active.png) no-repeat bottom center;
                    padding: .6em 10px 20px;
                }

#nav li.nv-item a {
    padding: .6em 10px 20px;
    color: #fff;
    font-size: .9em;
}

#nav li.last a {
    background: none;
}

#navdropdown {
    clear: both;
    display: none;
    background: #e5e5e5 url(img/bg/navdropdown.jpg) repeat-x bottom;
    overflow: hidden;
    position: relative;
    top: -10px;
    margin-bottom: -10px;
    z-index: 1;
}

    #navdropdown .menu-dropdown {
        margin: 20px 0;
        background: url(img/menu-separator.png) repeat-y 240px;
        overflow: hidden;
    }

.ie7 #navdropdown .menu-dropdown {
    margin-bottom: 40px;
}

#navdropdown .menu-prez {
    min-height: 6em;
}

    #navdropdown .menu-prez .logo {
        margin-bottom: 1.5em;
    }

    #navdropdown .menu-prez p {
        margin-bottom: 0;
    }

#navdropdown .level1 {
    min-height: 3em;
    margin-bottom: 1.5em;
    padding-right: 1em;
}

    #navdropdown .level1.on ul {
        font-weight: normal;
    }

    #navdropdown .level1 a {
        color: #353535;
    }

    #navdropdown .level1 li.nv-item {
    }

        #navdropdown .level1 li.nv-item a {
            color: #62626c;
        }

#navdropdown .goto-link {
    position: absolute;
    bottom: 0;
    right: 5.5em;
    width: 100%;
    min-height: 20px;
    padding: 0 10px;
    background: #353535;
    text-align: right;
    font-size: .923em;
}

    #navdropdown .goto-link,
    #navdropdown .goto-link a {
        color: #fff;
        text-decoration: none;
    }

#navdropdown .close {
    float: right;
    min-height: 20px;
    padding: 0 10px;
    background-color: #666;
}

.ie7 #navdropdown .close {
    position: absolute;
    bottom: 0;
    right: 5px;
}

#navdropdown .close a {
    color: #fff;
    font-size: .923em;
    text-decoration: none;
}

/* Raccourcis locaux */
#navquick {
    position: absolute;
    right: 0;
    top: 0;
    padding-top: .5em;
}

    #navquick .menu li.nv-item a {
        line-height: 1;
        font-size: .846em;
        white-space: nowrap;
        text-transform: uppercase;
        letter-spacing: .03em;
    }

    #navquick,
    #navquick a {
        color: #353535;
    }

/* Recherche
------------------------------------------ */
#header .search {
    position: absolute;
    top: 20px;
    right: 10px;
}

#header .search {
}

    #header .search * {
        vertical-align: middle;
        white-space: nowrap;
    }

    #header .search label {
        position: absolute;
        left: 4px;
        top: .7em;
    }

    #header .search input[type=text] { /*height: 17px;*/
        margin: 0;
        padding-left: 19px;
        float: left;
    }

    #header .search .btn {
        font-size: .846em;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: .03em;
        height:30px;
    }

/* ---------------------------------------------------- */
/* Main area
/* ---------------------------------------------------- */
body #s4-mainarea {
}

/* Fil d'Ariane */
.breadcrumb {
    clear: both;
    margin-bottom: 1.5em;
    font-size: .846em;
    color: #666;
}

    .breadcrumb .here {
        color: #333;
    }

    .breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited {
        text-decoration: underline;
    }

        .breadcrumb a[href]:last-child {
            text-decoration: none;
        }

        .breadcrumb a:hover {
            text-decoration: none;
        }

/* Contenu - MAJ suite Bug Web-91 : "overflow: hidden;" retiré */
#content {
    min-height: 350px;
}

/* Sous-navigation */
#navsecondary {
    margin-right: 0;
    padding-right: 9px;
    border-right: 1px solid #E6E6E6;
}

#navsub {
    border: solid #e6e6e6;
    border-width: 1px 0;
}

    #navsub .nv-item {
    }

        #navsub .nv-item a {
            display: block; /*width: 202px;*/
            padding: .4em 0 .4em 16px;
            background: url(img/puce-navsub-1.gif) no-repeat 3px .65em;
            border-bottom: 1px solid #e6e6e6;
        }

        #navsub .nv-item.on { /*background-color: #efefef;*/
        }

        #navsub .nv-item.open a {
            background-image: url(img/puce-navsub-1-open.gif);
            background-position: 0 .8em;
        }

    #navsub .on ul {
        font-weight: normal;
    }

    #navsub .level2 .nv-item a { /*width: 186px;*/
        padding-left: 32px;
        background-image: url(img/puce-navsub-2.gif);
        background-position: 20px .65em;
    }

    #navsub .level2 .nv-item.on a { /*background-color: #e7d6d6e6;*/
    }

    #navsub .level2 .level3 li {
        zoom: 0;
    }

    #navsub .level2 .level3 .nv-item a { /*width: 170px; padding-left: 48px; background: #f8f8f8;*/
        background: #efefef;
        color: #6c6c6c;
        font-size: .9em;
        border-bottom: 1px solid #FFF;
    }

    #navsub .level2 .level3 .last a {
        border-bottom: 1px solid #e6e6e6;
    }

    #navsub .last a {
        border-bottom: none;
    }
#propbox {
    background-color:#ECECEC;
    border: 1px solid #CDCDCD;
    margin: 10px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
}
    #prop-header {
        border-bottom:1px solid #CDCDCD;
        background:url('img/sprite/go.png') no-repeat scroll right -80px transparent;
    }
        #prop-header h2 {
            margin: 0px 0px 8px 0px;
        }        
    #prop-sections h3 {
        margin: 15px 0px;
        background:url('img/sprite/go.png') no-repeat scroll 0% 0% transparent;
    }
    #prop-sections .ms-formfieldvaluecontainer {
        border:none;
    }

/* ---------------------------------------------------- */
/* Pied de page
/* ---------------------------------------------------- */

/* Footer local
------------------------------------------ */
#footer {
    margin: 20px 0; /*padding-top: 50px; background: url(img/bg/page-bottom.png) no-repeat top;*/
}

    #footer .footer {
        overflow: hidden;
        padding: .3em 0;
        background-color: #353535;
    }

        #footer .footer,
        #footer .footer a {
            color: #fff;
        }

            #footer .footer .nv-item {
                background: url(img/menu-separator.png) no-repeat right center;
                border: 0;
            }

            #footer .footer .last {
                background: none;
            }

    #footer #footer-map {
        overflow: hidden;
        padding: 10px 0 0;
    }

        #footer #footer-map,
        #footer #footer-map a {
            color: #353535;
        }

            #footer #footer-map .grid_25 {
                margin: 0 10px;
            }

                #footer #footer-map .grid_25 .title { /*padding-left: 0; background: none; font-size: 1em;*/
                    text-transform: uppercase;
                    letter-spacing: .03em;
                }

            #footer #footer-map .gotop {
                margin: 0;
            }

    #footer .footer .gotop a {
        background: url(img/sprite/go-white.png) no-repeat right -80px;
    }


/* Plan du portail
------------------------------------------ */
#navportal {
    background: #353535;
}

    #navportal,
    #navportal * {
        color: #fff;
    }

#navportal-header-inner {
    padding: 20px 0 0;
}

#navportal-header .branding {
    min-height: 120px;
    padding-left: 170px;
    background: url(img/Digital-CEA-logo-quadri-fond-rouge-148-120.png) no-repeat;
}

#navportal-map {
}

    #navportal-map #menu-footer-link .title {
        height: 1.5em;
        width: 20em;
        margin: 0 auto;
        padding: .9em;
        padding-bottom: 0;
        border-radius: 5px 5px 0 0;
        background: #B20E0C;
        text-align: center;
        font-size: 1em;
        line-height: 1;
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: .03em;
        white-space: nowrap;
    }

#navportal-map-wrapper {
    display: none;
    background: #b20e0c;
}

.no-js #navportal-map-wrapper {
    display: block;
}

#navportal-map-inner {
    padding: 20px 0 0;
}

#navportal-map .menu {
    overflow: hidden;
}

#navportal-map .grid_25 {
}

    #navportal-map .grid_25 .title {
        font-size: 1.231em;
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: .03em;
    }

    #navportal-map .grid_25 .level2 {
        margin-top: 5px;
    }

#navportal-map .social-link {
    float: left;
    width: 20px;
    height: 24px;
    margin-right: 5px;
}

#navportal-map .gotop a {
    float: right;
    background: url(img/sprite/go-white.png) no-repeat right -80px;
}

/* Navigation transverse
------------------------------------------ */
#navtop-2 {
    position: relative;
    width: 100%;
    background: #444;
}

    #navtop-2,
    #navtop-2 a {
        color: #fff;
    }

        #navtop-2 ul{
            width: 100%;
        }

        #navtop-2 li  {
            padding: 0;
            line-height: 2.54em;
            border-color: #7b7b7b;
			/* Fix right border */
            border-right-width:1px;
            border-right-style:solid;
            /* end fix */
            white-space: nowrap;
        }

            #navtop-2 li a {
                display: block;
                height: 2.54em;
                padding: auto 10px;
            }

                #navtop-2 li a img {
                    vertical-align: middle;
                }

            #navtop-2 li li {
                float: none;
                line-height: 1.5em;
                border: none;
                white-space: normal;
            }

                #navtop-2 li li a {
                    height: auto;
                    padding-top: .3em;
                    padding-bottom: .3em;
                }

            #navtop-2 li ul {
                padding-bottom: .3em;
            }

#navback {
    clear: both;
}

    #navback .menu li.nv-item {
        position: relative;
    }

    #navback .menu .menu-dropdown {
        z-index: 110;
        position: absolute;
        background: #444;
    }

    #navback .level1.first a {
        padding-left: 0;
    }

        #navback .level1.first a img {
            margin-top: .25em;
        }

/* ---------------------------------------------------- */
/* Layout spécifique de la home
/* ---------------------------------------------------- */
/* LSO 16/10/2013 - Suppression de l'id "#s4-mainarea" des conditions d'application du CSS pour la home */
.home {
}

    .home .registre {
        display: table;
        vertical-align: top;
        padding: 1px 0;
        width: 960px;
        overflow: hidden;
    }

.ie7 .home .registre {
    clear: both;
}

.home .col {
    display: table-cell;
    /*border: 20px solid white;
    border-width: 0 20px 0 0;*/
    vertical-align: top;
    padding: 1px 0;
    border-collapse: separate;
}

.ie7 .home .col {
    float: left;
}

.home .middle {
    clear: both; /*display:block; width: auto; padding: 1px 0;*/
}

.ie7 .home .middle {
    width: 100%;
    margin-bottom: 20px;
}

.home .block {
    float: left;
    display: block;
    margin: 0 5px 20px;
}

.ie7 .home .block {
    zoom: 1; /*margin-bottom: 0; padding-bottom: 20px;*/
    padding-bottom: 1px;
}

.ie7 .home .registre {
    margin-bottom: 20px;
}

.ie7 .home .col1 .block,
.ie7 .home .col3 .block {
    clear: both;
}

/* ---------------------------------------------------- */
/* Autres medias
/* ---------------------------------------------------- */

/* Impression
------------------------------------------ */

@media print {
    .container_12,
    #s4-mainarea .grid_4,
    #s4-mainarea .grid_45,
    #s4-mainarea .grid_5,
    #s4-mainarea .grid_6,
    #s4-mainarea .grid_7,
    #s4-mainarea .grid_8,
    #s4-mainarea .grid_9,
    #s4-mainarea .grid_10,
    #s4-mainarea .grid_11,
    #s4-mainarea .grid_12 {
        float: none !important;
        clear: both;
        display: block;
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }

    #navprimary,
    #nav,
    #navquick,
    #aside,
    .breadcrumb,
    #navtop-1,
    #navtop-2,
    #footer-map,
    #footer,
    #navportal {
        display: none;
    }

    #content {
        width: 100% !important;
    }

    #navsecondary {
        display: none;
    }
    
    #page_body.v4master,
    #header-wrapper,
	body #mainwrapper	
	{
        background: none !important;
		box-shadow: none!important;
		border:0px ;
    }
            
	#ms-designer-ribbon,
	#s4-searcharea.search,
	.grid_3, 
	#navsub.menu,
	HR
	{
		display:none;
	}
}

/* end */

/* Fix for page creation select size */
select[id*=pageTemplatePicker]{width:auto}

/* Fix for backend DeltaPlaceHolderSearchArea size */
div#DeltaPlaceHolderSearchArea {
    width: 350px;
}
    div#DeltaPlaceHolderSearchArea input[id$=sr_sbox] {
        margin: 0 5px 0 0;
    }

	div#DeltaPlaceHolderSearchArea div.ms-srch-sb-border{border:none}

/* Body No JS Scroll */
.nojsWithScroll {
    overflow-y: scroll!important;
}
.nojsWithoutScroll {
    overflow-y: hidden!important;
}

/* ie7 fix */
/* Navigation laterale déplacé dans le coeur de la page.  */
.ie7 #sideNavBox{display:none} 
 
/* Block de recherche mal positionné  */
.ie7 #s4-searcharea{float:right; width:340px}
.ie7 #s4-searcharea label img{margin-top:-12px} 
 
/* 2 Scrollbar dans la page  */
.ie7 #s4-workspace{overflow-y:hidden}

.no-js .no-js-hidden {
    display: none;
}
/* Search Center */
.ie7-hidden {
    display: none !important;
}




/*Image for parent folder in libraries custom breadcrumb*/
.parent-folder-img-backend {
float: left;
margin-right: 15px;
}

/*Image for parent folder in libraries custom breadcrumb*/
.parent-folder-img {
float: left;
margin-right: 15px;
margin-top: 9px;
}

/*size for libraries custom breadcrumb*/
div#custombcr {
font-size: x-small;
}


/* Multi-colonnage*/

.cea-float-column {
    float: left;
    width: 40%;
    margin: 0em 1em;
}

.cea-float-column .cea-first {
    margin-left: 0;
    padding-left: 0;
}

.ms-rtestate-field H1, .ms-rtestate-field H1.ms-rteElement-H1,.ms-rtestate-field H1.ms-rteElement-H1B,
.ms-rtestate-field H2, .ms-rtestate-field H2.ms-rteElement-H2,.ms-rtestate-field H2.ms-rteElement-H2B,
.ms-rtestate-field H3, .ms-rtestate-field H3.ms-rteElement-H3,.ms-rtestate-field H3.ms-rteElement-H3B,
.ms-rtestate-field H4, .ms-rtestate-field H4.ms-rteElement-H4,.ms-rtestate-field H4.ms-rteElement-H4B,
.ms-rtestate-field H5, .ms-rtestate-field H5.ms-rteElement-H5,.ms-rtestate-field H5.ms-rteElement-H5B,
.ms-rtestate-field H6, .ms-rtestate-field H6.ms-rteElement-H6,.ms-rtestate-field H6.ms-rteElement-H6B
{
	display:block;
	color:#353535;
	background-repeat:no-repeat;
	background-size:auto;
	font-family:"FontFace", Tahoma, Geneva, Verdana, sans-serif;
	line-height:1em;
}
.ms-rtestate-field H1, 
.ms-rtestate-field H1.ms-rteElement-H1,
.ms-rtestate-field H1.ms-rteElement-H1B
{
	font-size:1.84em;
	margin-bottom:0.83em;
}
.ms-rtestate-field H2, 
.ms-rtestate-field H2.ms-rteElement-H2,
.ms-rtestate-field H2.ms-rteElement-H2B
{
	clear:left;
	font-size:1.53em;
	margin-bottom:1em;
}
.ms-rtestate-field H3,
.ms-rtestate-field H3.ms-rteElement-H3,
.ms-rtestate-field H3.ms-rteElement-H3B
{
	background-image:url("img/puce-h3.gif");
	font-size:1.23em;
	font-weight:bold;
	line-height:1.25em;
	margin-bottom:1.25em;
	padding-left:13px;
}
.ms-rtestate-field H4,
.ms-rtestate-field H4.ms-rteElement-H4,
.ms-rtestate-field H4.ms-rteElement-H4B
{
	color:#767676;
	font-size:1.23em;
	line-height:1.25em;
	margin-bottom:1.25em;
}
.ms-rtestate-field H5,
.ms-rtestate-field H5.ms-rteElement-H5,
.ms-rtestate-field H5.ms-rteElement-H5B
{
	font-size:1.07em;
	line-height:1.42em;
	margin-bottom:1.42em;
}
.ms-rtestate-field H6,
.ms-rtestate-field H6.ms-rteElement-H6,
.ms-rtestate-field H6.ms-rteElement-H6B
{
	color:#6b6b6b;
	font-style:italic;
	line-height:1.42em;
	font-size:1.07em;
	padding-left:13px;
	background-image:url("img/puce-h6.gif");
}

.ms-rtestate-field span.ms-rteStyle-Quote,
.ms-rtestate-field span.ms-rteStyle-IntenseQuote
{
	background-image:url("img/blockquote.png");
	background-color:transparent;
	background-position: Top left;
	background-repeat:no-repeat;
	background-size:auto;
	background-clip:border-box;
	background-origin:padding-box;
	display:block;
	min-height:40px;
	padding:0 60px;
	margin-bottom:1.5em;
}

/* Tableaux */
/**** JJU derniere colonne ****/
*[class^="ms-rteTableLastCol-default"] {color: #777;}
*[class^="ms-rteTableLastCol-CEA-"] {color: #777;}

/*
Table
	.ms-rteTable-TableName
Table Header Row
	.ms-rteTable-TableName TR.ms-rteTableHeaderRow-TableName
	.ms-rteTable-TableName TD.ms-rteTableHeaderFirstCol-TableName
	.ms-rteTable-TableName TD.ms-rteTableHeaderLastCol-TableName
	.ms-rteTable-TableName TD.ms-rteTableHeaderOddCol-TableName
	.ms-rteTable-TableName TD.ms-rteTableHeaderEvenCol-TableName
Table Body
	.ms-rteTable-TableName TR.ms-rteTableOddRow-TableName
	.ms-rteTable-TableName TR.ms-rteTableEvenRow-TableName
	.ms-rteTable-TableName TD.ms-rteTableFirstCol-TableName
	.ms-rteTable-TableName TD.ms-rteTableLastCol-TableName
	.ms-rteTable-TableName TD.ms-rteTableOddCol-TableName
	.ms-rteTable-TableName TD.ms-rteTableEvenCol-TableName
Table Footer Row
	.ms-rteTable-TableName TR.ms-rteTableFooterRow-TableName
	.ms-rteTable-TableName TD.ms-rteTableFooterFirstCol-TableName
	.ms-rteTable-TableName TD.ms-rteTableFooterLastCol-TableName
	.ms-rteTable-TableName TD.ms-rteTableFooterOddCol-TableName
	.ms-rteTable-TableName TD.ms-rteTableFooterEvenCol-TableName
*/

/**** Commun ****/
table.ms-rteTable-default tr, table.ms-rteTable-default td {
    border: none;
}
*[class^="ms-rteTable-CEA-"] {border-collapse:collapse;}
*[class^="ms-rteTable-CEA-"] th{vertical-align:middle}
*[class^="ms-rteTable-CEA-"] tr:hover td {background: #EEE !important; }
*[class^="ms-rteTable-CEA-"], *[class^="ms-rteTable-CEA-"] th, *[class^="ms-rteTable-CEA-"] td {padding: 0.7em; text-align: left;}
*[class^="ms-rteTableOddRow-CEA-"]{color: #666;}
*[class^="ms-rteTableFooterRow-CEA-"] {font-style: italic;}
*[class^="ms-rteTable-CEA-"] caption { padding: 0.7em; text-align: left; font-weight: bold; }

/**** Style 1 ****/
.ms-rteTableHeaderOddCol-CEA-1,.ms-rteTableHeaderEvenCol-CEA-1 {border: 1px solid #DADEE1; border-width: 1px 0;}
.ms-rteTableOddRow-CEA-1 {background: #F2F2F2;}
.ms-rteTableEvenRow-CEA-1 {background:#FFF;}

/**** Style 2 ****/
.ms-rteTableHeaderOddCol-CEA-2,.ms-rteTableHeaderEvenCol-CEA-2 {background: #CCC;}
.ms-rteTableOddRow-CEA-2,.ms-rteTableEvenRow-CEA-2 {border: 1px solid #DADEE1;}
.ms-rteTable-CEA-2 caption { background: #333; color: #FFF; }

/*** Style 3 ****/
.ms-rteTable-CEA-3 {border:none;}
.ms-rteTable-CEA-3 tr:hover td {background-color:transparent !important; }
.ms-rteTableOddRow-CEA-3 {color: #353535; background-color: transparent; border:none;}
.ms-rteTableEvenRow-CEA-3 {background-color: transparent; border:none;}
/* 
    Document   : content
    Created on : 8 Aout	2012
    Author     : Jean Louis MORMIN
    Description: Corps de page
*/

#content {}


/* Pages internes
------------------------------------------ */
#content .cartouche {}
#content .categories { margin-bottom: .75em; color: #666; }
#content .categories .type { font-weight: bold; }
#content .categories strong { font-weight: normal; }
#content .surtitre { margin-bottom: 0; font-size: 1.077em; text-transform: uppercase; letter-spacing: .03em; }
#content .cartouche .logo { margin-bottom: 1.5em; }
#content .cartouche .chapo { overflow: hidden }

/* bando-infos */
#bando-infos { margin-bottom: 3em; padding: 2px 0; border: 1px dotted #e6e6e6; border-width: 1px 0; }
#bando-infos em { font-style: normal; }
#bando-infos .published {float:left;}
#bando-infos .published strong.title { font-weight: normal; }
#bando-infos,
#bando-infos * { color: #666; }

/* navtools */
.navtools ul { float: right; }
.navtools .nv-item { border: 0; }
.navtools .nv-item a { display: block; padding: 2px 3px; background: none; }
@media print {
    .navtools { display: none; }
}

/* Vignettes et credits */
.logo {}
.logo img { display: block; border: 1px solid #DADFE3; }
.credits { color: #6c6c6c; }
.feed img {display:block; background:url(img/rss.png) no-repeat top left;width:18px;height:18px;}

/* Pictos par type de document */
.diapo,
.video,
.audio,
.anim,
.dossier,
.book,
.actu    { background-repeat: no-repeat; background-image: url(img/sprite/picto.png); padding-left: 25px;display:block;float:left;text-indent: -9999px;}

.diapo          { background-position: -65px -15px;}
.video          { background-position: -65px -65px;}
.audio          { background-position: -65px -115px;}
.anim           { background-position: -65px -165px;}
.dossier        { background-position: -65px -215px;}
.book 		{ background-position: -65px -265px;}
.actu   	{ background-position: -65px -315px;}

h1 .diapo,
h1 .video,
h1 .audio,
h1 .anim,
h1 .dossier,
h1 .book,
h1 .actu 	{ width: 25px;padding:0;}

h1 .diapo 	{ background-position: -65px -10px;}
h1 .video 	{ background-position: -65px -60px;}
h1 .audio 	{ background-position: -65px -110px;}
h1 .anim 	{ background-position: -65px -160px;}
h1 .dossier { background-position: -65px -210px;}
h1 .book 	{ background-position: -65px -260px;}
h1 .actu 	{ background-position: -65px -310px;}

/* Dimensions des pictos devant chaque titre du lecteur multimedia */
span.video, 
span.audio, 
span.diapo, 
span.anim 
{
    /*height: 19px!important;
    width: 25px!important;*/
    font-size: 1.5em !important;
}


.page_recherche .diapo,
.page_recherche .video,
.page_recherche .audio,
.page_recherche .anim,
.page_recherche .dossier,
.page_recherche .book,
.page_recherche .actu   { text-indent: 0;margin-right: 10px;}

/* pictos blancs */
.webpart-mosaic .diapo,
.webpart-mosaic .video, 
.webpart-mosaic .audio,
.webpart-mosaic .anim,
.webpart-mosaic .dossier,
.webpart-mosaic .book, 
.webpart-mosaic .actu   { position: absolute; right: 1px; top: 1px; width: 40px; height: 2em; padding: 0 2px;  background-color: #000;}

.webpart-mosaic .diapo  { background-position: left -15px;}
.webpart-mosaic .video  { background-position: left -65px;}
.webpart-mosaic .audio  { background-position: left -115px;}
.webpart-mosaic .anim   { background-position: left -165px;}
.webpart-mosaic .dossier{ background-position: left -215px;}
.webpart-mosaic .book   { background-position: left -265px;}
.webpart-mosaic .actu   { background-position: left -315px;}

.webpart-diapo .diapo 	{ background-position: -15px -15px;}
.webpart-player .video  { background-position: -15px -65px;}
.webpart-player .audio  { background-position: -15px -115px;}


.webpart-anim .anim     { background-position: -15px -165px;}

.extend { display:block; position: absolute; right: 10px; top: 10px;}

/* Pagination */
.pagination { position: relative; margin: 3em 0; line-height: 1; }
.pagination ul {}
.pagination li { display: inline-block; position: relative; margin: 1px !important; white-space: nowrap; }
.ie7 .pagination li {float:left;}
.pagination li a { display: block; min-width: 1em; height: 1em; margin: 0 3px 3px 0; padding: 4px 5px; border: 1px #e6e6e6 solid; color: #353535; text-decoration: none; }
.pagination li a:focus,
.pagination li a:hover,
.pagination li a:active,
.pagination li.on a { background-color: #666; color: #FFF!important; text-decoration: none; }
.pagination span {padding:6px 0;}
.pagination a.prev, 
.pagination a.next { border: none; padding: 6px 10px; background: url(img/sprite/go.png) no-repeat; text-transform:uppercase;font-weight:bold;}
.pagination a.prev { float: left; padding-left: 15px; background-position: left -115px; }
.pagination a.next { float: right; padding-right: 15px; background-position: right 5px; }

.ie7 .pagination ul { left: 25%; position: absolute; width: 50%; }

/* Blocs modulaires
------------------------------------------ */

/* Bloc modulaire standard */
.block { position: relative; display: block; margin-bottom: 1.5em; overflow: hidden; }
.ie7 .block {position:static;}
.block .header { /*padding: 10px;*/ }
.block .header h2 { /*font-size: 1.385em;*/ }
.block .inner { /*padding: 10px;*/ }
.block .inner .rte-list { margin-left: 25px; }
.block .footer { /*padding: 10px;*/ }
.block .footer p { margin: 0; }
.block .feed { position: absolute; right: 10px; top: 0; margin: 0; }
.block .feed a {}
.more a { text-decoration: none; }
.more a:focus,
.more a:hover,
.more a:active { text-decoration: underline; }

@media print {
	.block .feed { display:none; }
	}

.grid_3 .block .inner { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }

/* Style .block.box */
.block.box { padding: 0; background-color: #F3F3F3; border: 0; }
.block.box .header { padding: 10px; }
.block.box .header h2 { margin-bottom: 0; font-size: 1.385em; color: #444; }
.block.box .inner { padding: 5px 10px .01em; }
.block.box .footer { padding: 10px; padding-top: 0; }
.block.box h2 { padding-left: 25px; background: url(img/puce/title-block-box.gif) no-repeat; }
.block.box .rte-list { list-style: square; }
.block.box .rte-list li { margin-bottom: 1em; }

/* Style .block.block-more */
.block-more { border-top: 1px solid #e5e5e5; }
.block-more .header { padding: 12px 10px; border-top: 1px solid #FFF;background: url(img/bg/gradient.gif) repeat-x top left; }
.block-more .header h2 { margin-bottom: 0; padding-left: 25px; background: url(img/puce/title-block-more.gif) no-repeat; font-size: 1.385em; color: #444; }
.block-more .inner { padding: 10px; padding-bottom: 0; }
.block-more .feed { top: .75em; }

/* Style .block.block-trick */
.block-trick { padding-bottom: 5px; border: solid #e5e5e5; border-width: 1px 0; }
.block-trick h2 { min-height: 35px; margin-bottom: 0; padding: 10px 10px 0; background: url(img/bg/gradient.gif) repeat-x top left; border-top: 1px solid #FFF; font-size: 1.385em; color: #444; }
.block-trick .inner { padding: 10px; padding-top: 15px; background: url(img/bg/block-trick.gif) no-repeat center top; }
.block-trick .inner ul { list-style-position: none; }
.block-trick .inner ul li { margin-bottom: 10px; border-bottom:1px dashed #e5e5e5; padding: 0 10px 10px 0;}
.block-trick .date { display: block; padding-left: 10px; background: url(img/puce/block-trick.gif) no-repeat center left; }
.block-trick .inner ul li.last { border-bottom: none; }
.block-trick .footer { padding-right: 10px; padding-left: 10px; }
.grid_3 .block-trick .footer { padding: 0; }
.block-trick .more { text-align: right; }
.block-trick .more a { padding-left: 15px; background: url(img/sprite/go.png) no-repeat left -3px; }
.block-trick .feed { top: .75em; }

/* Webparts
------------------------------------------ */

.webpart {}

/* Webpart Liste */
.webpart-list {}
.webpart-list .inner .nv-item { margin-bottom: 10px; overflow: hidden; }
.webpart-list .inner .nv-item .logo,
.webpart-list .inner .nv-item .intro { display: block; }
.webpart-list .inner .nv-item .logo { float: left; margin-right: 20px; }
.webpart-list .inner .nv-item .intro { overflow: hidden; }
.webpart-list .inner .nv-item .intro strong { font-weight: normal; }
.webpart-list .inner .nv-item p { margin: 0; }
    /*Tags*/
        /*Tag typologie*/
.webpart-list .inner .nv-item .intro p .cea-typo { 
            font-size: 88%;
            }
        /*Tag thématiques*/
.webpart-list .inner .nv-item .intro p .cea-themes { 
            font-size: 88%;
            }


.grid_3 .webpart-list .inner .nv-item .logo { margin-right: 10px; }
.grid_3 .webpart-list .inner .nv-item .intro { display: inline; }

/* Webpart Agenda */
.webpart-agenda {}
.webpart-agenda .menu li { margin-bottom: .75em; padding-bottom: .75em; padding-left: 6em; border-bottom: 1px solid #E6E6E6; overflow: hidden; }
.webpart-agenda .menu li p { margin: 0; }
.webpart-agenda .menu li p.meta { margin-bottom: .75em; color: #535353; }
.webpart-agenda .menu .dtstamp { float: left; display: block; width: 60px; width: 5em; min-height: 40px; margin-left: -6em; padding: 10px 0; background: #535353; text-align: center; }
.webpart-agenda .menu .dtstamp span { font-size: 16px; }
.webpart-agenda .menu .dtstamp .dtstart,
.webpart-agenda .menu .dtstamp .dtend {}
.webpart-agenda .menu .dtstamp span.day { /*font-size: 24px;*/ }
.webpart-agenda .menu .dtstamp span.month { /*font-size: 18px;*/ }
.webpart-agenda .menu .dtstamp,
.webpart-agenda .menu .dtstamp * { color: #FFF; line-height: 1; white-space: nowrap; }
.webpart-agenda .menu .dtstamp .sep {background: url(img/puce-agenda.png) no-repeat scroll center center transparent; display: block; height: 1.5em; text-indent: -9999px; width: 100%; }
.webpart-agenda .menu li p.summary {}
.webpart-agenda .menu li a { color: #535353; }
.webpart-agenda .more { text-align: right; }

.grid_3 .webpart-agenda .menu li { padding-left: 0; }
.grid_3 .webpart-agenda .menu .dtstamp { margin: 0; margin-right: 10px; }

/* Webpart Mosaïque */
.webpart-mosaic { clear: both; }

.webpart-mosaic .header { margin-bottom: 1.5em; }
.webpart-mosaic .inner { padding-left: 0; width: 105%; }
.webpart-mosaic h2 { padding-bottom: 10px; padding-right: 5%; border-bottom: 1px #e6e6e6 solid; text-transform: uppercase; letter-spacing: .03em; }
.webpart-mosaic h2 small { color: #353535; text-transform: none; }
.webpart-mosaic ul {}
.webpart-mosaic li { position: relative; margin: 0 20px 10px 0; }
.webpart-mosaic li .figcaption { display: block; height: 4.3em; overflow: hidden; }
.webpart-mosaic li .time { position: absolute; right: 1px; top: 2em; display: block; width: 40px; padding: 0 2px; background: #000; color: #fff; text-align:center; font-size:.846em;}
.webpart-mosaic .inner .pagination { width: 95%; }
.webpart-mosaic .footer .more { text-align: right; }
.webpart-mosaic .footer .more a { padding: 2px 5px; background: #353535; color: #FFF; font-size: 0.923em; font-weight: bold; text-transform: uppercase; background-image:url("img/sprite/go-white.png"); background-position:left -1px; background-repeat:no-repeat;padding-left:15px;}

.block-more.webpart-mosaic {}
.block-more.webpart-mosaic h2 { padding-bottom: 0; border-bottom: 0; text-transform: none; letter-spacing: normal; color: #444; }
.block-more li .figcaption {display: block; min-height: 7em;}
.block-more li .figcaption span {font-weight:bold;}

/* Webpart(s) media */
.webpart-media {}
.webpart-media .more { font-size: .846em; padding-top: .5em; text-align: right;}
.webpart-media.block { margin-bottom: -1.5em;}
.webpart-media noscript .reponse,
.webpart-media noscript .reponse p { margin-bottom: 0; }



#embed_content, #embed_content_script  { margin-top:1.5em; padding: 9px 9px 1px; background: #EEE; border: 1px solid; }
#cboxLoadedContent #embed_content, #cboxLoadedContent #embed_content_script {margin-top:0;padding:0;background:none;border:0;}

/* Charte commune aux players */
.webpart-player {position:relative;}
.webpart-player .logo { float: left; margin-left: 10px; }
.webpart-player .header, 
.webpart-diapo .header,
.webpart-anim .header {  display: table; padding: 0.5em 0 1em; width: 100%;
  /*degradé*/
 *background-color: #353535;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#353535), to(#000000));
  background-image: -webkit-linear-gradient(top, #353535, #000000);
  background-image: -o-linear-gradient(top, #353535, #000000);
  background-image: linear-gradient(to bottom, #353535, #000000);
  background-image: -moz-linear-gradient(top, #353535, #000000);
  *border: 0;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#353535', endColorstr='#000000', GradientType=0);
  *zoom: 1;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;}
.webpart-player .title,
.webpart-diapo .title,
.webpart-anim .title {display: table-cell;vertical-align: bottom;width: 100%;color: #FFFFFF;padding: 0 10px;}
.webpart-player .inner,
.webpart-anim .inner {clear: both;}
.webpart-anim .inner,
.webpart-diapo .inner {border: 1px solid;}
.webpart-diapo .caption .title {padding-left:0;}

.block-media .webpart-player .footer {background:none;}

.ie7 .webpart-player .logo,
.ie7 .webpart-anim .logo {float:left; }
.ie7 .webpart-player .title,
.ie7 .webpart-anim .title {float:left;width:auto;}
.ie7 .webpart-diapo .title {width:100%;}
.ie7 .webpart-diapo .diapo {margin-left:10px;}

/* ------Webpart Diapo------------- */
.webpart-diapo .inner li {position:relative;width:100%}
.webpart-diapo .inner li .caption { position: absolute; bottom: 0; display: block; width: 98%; padding: 1%; background: #000; opacity: 0.8; border:1px solid #000; }
.webpart-diapo .footer {padding-bottom:10px;}
.webpart-diapo .footer .thumbs {background-color:#000;padding-bottom:10px;}
.webpart-diapo .footer .more {clear:both;}
.page_media .webpart-diapo .footer {display:block;background-image:none;}
.page_media .webpart-diapo .footer .more {display:none;}
.webpart-diapo .caption, 
.webpart-diapo .caption * {color:#fff;}
.webpart-diapo .caption span {position:absolute;top:1em;right:1em;}
.webpart-diapo .diapo-img {text-align:center;background-color:#000;}
.webpart-diapo .thumbs {}
.webpart-diapo .thumbs li {border: 1px solid #999999; float: left; height: 60px; margin: 10px 0 0 10px; overflow: hidden; width: 60px; text-align:center;}
.webpart-diapo .thumbs img {height:60px;width:auto;}

.no-js .webpart-diapo .inner img { margin-top: 10px; }
.no-js .webpart-diapo .thumbs { display: none; }

.webpart-diapo .prev,
.webpart-diapo .next { height: 60px; position: absolute; top: 30%; width: 20px; display:none; z-index: 1000; }
.webpart-diapo .prev { left: 10px; }
.webpart-diapo .next { right: 10px; }

.webpart-diapo .inner:hover .prev,
.webpart-diapo .inner:hover .next {display:block;}

.webpart-diapo .extend {position:absolute;top:10px;right:10px;}
/* Spécificités
------------------------------------------ */

/* Mots-clefs */
#navtags { clear: both; background: url(img/puce_keyword.gif) no-repeat 10px 7px; border: 1px #e6e6e6 solid; border-width: 1px 0; padding: 10px 10px 5px 35px; font-size: .846em; }
#navtags h2 { display: inline; margin: 0; font-size: 1em; font-size: 1em; }
#navtags p { display: inline; margin-bottom: 0; }
#navtags,
#navtags h2 { color: #666; }

/* Références */
#navcite {}

/* Dossier chapitré
------------------------------------------ */
.page_dossier .categories { padding-bottom: .75em; border-bottom: 1px solid #E6E6E6; }
.chapterContent { width: 68%; }

/* Sommaire du dossier */
.navsummary {}
.navsummary li { padding-top: 1.5em; border-top: 1px solid #E6E6E6; }
.navsummary li.first { border: 0; }
.navsummary li .title { font-size: 1.077em; }
.navsummary li img { float: left; margin: 0 20px 1.5em 0; }

/* Menu sommaire */
#chapitres { border-top: 1.5em solid #393939; }
#chapitres .header,
#chapitres .inner { padding: 9px; border: solid #E6E6E6; border-width: 0 1px; }
#chapitres .header { padding-bottom: 0; }
#chapitres .inner { padding: 1px 9px; }
#chapitres h2,
#chapitres h2 a { color: #4B4B4B; text-decoration: none; }
#chapitres .logo { margin: 10px 0 0; }
#chapitres .logo { position: relative; }
#chapitres .logo img { display: block; border-bottom: 0; }
#chapitres .logo .trick { position: absolute; bottom: 0; display: block; width: 100%; height: 16px; background: url(img/bg/trick.png) no-repeat; }
#chapitres .title { display: block; margin-bottom: 1.5em; text-transform: uppercase; letter-spacing: .03em; font-weight: normal; color: #9C9C9C; }
#chapitres .inner ol { list-style-type: square !important; background: red; }
#chapitres .inner li { margin-bottom: .75em; padding-left: 15px; background: url(img/puce-1.gif) no-repeat 3px .3em; font-size: .923em; }
#chapitres .footer { padding: 0; text-align: right; text-transform: uppercase; letter-spacing: .03em; font-size: .923em; }
#chapitres .footer,
#chapitres .footer a { color: #fff; text-decoration: none; }
#chapitres .footer a { display: block; padding: 0 10px 0 23px; background: #393939 url(img/sprite/go-white.png) no-repeat 8px -120px; text-align: left;  }

/* Page evenement
------------------------------------------ */
.book-infos {}
.book-infos strong { font-weight: normal; }
.book-infos em { font-style: normal; }

.date {}
.location { padding-left: 16px; background: url(img/bg/event-location.png) no-repeat; }

/* Info pratiques */
#detail-pratique {}

/* Page publication
------------------------------------------ */

/* Block Publication */
#cover { margin: 0; text-align: center; }
#cover .logo { margin-bottom: 1.5em; }
#cover .btn { width: 100%;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
margin-bottom: 1.5em; padding-left: 0; padding-right: 0; }

/* Page média
------------------------------------------ */

/*.page_media .cartouche h1 { padding-left: 24px; background: no-repeat; background-image: url(img/sprite/picto.png);}
.page_media-diapo .cartouche h1 	{ background-position: left top;}
.page_media-video .cartouche h1 	{ background-position: left -80px;}
.page_media-dossier .cartouche h1 	{ background-position: left -160px;}
.page_media-anim .cartouche h1 		{ background-position: left -240px;}
.page_media-actu .cartouche h1 		{ background-position: left -320px;}
.page_media-event .cartouche h1 	{ background-position: left -400px;}
.page_media-audio .cartouche h1 	{ background-position: left -480px;}*/

.block-media { margin-bottom: 3em; }
.block-media .webpart { margin-bottom: .75em; }
.block-media p { margin-bottom: 0; }
.block-media .figcaption { font-size: .923em; }
.block-media .footer { background-image: url(img/menu-separator-2.png);background-position:470px top; background-repeat:repeat-y;  }
.block-media .footer .logo { float: left; margin-right: 10px; }
.block-media .footer .legende { overflow: hidden }
.download-links { text-align: right; font-size: .923em; }
.download-links small { white-space: nowrap; }

.page_media .webpart-mosaic { margin: 3em 0; }
.ie7 .block-media a.download { display: block; background-position: right .4em; }

/* Page fiche
------------------------------------------ */
.rte-table-2 tbody th {border: 1px solid #DADEE1;font-weight:bold;}
.rte-table tbody tr:hover th { background: #EEE !important;}
.page_fiche .rte-table tr th { vertical-align: top; border: none; border-bottom: 1px solid #DADEE1; }
.page_fiche .rte-table tr td { vertical-align: top; border: none; border-bottom: 1px solid #DADEE1; }

/* Page lexique
------------------------------------------ */
/* index alphabétique */
.alphabet {}
.alphabet li { position: relative; display: inline-block; margin: 0 .75em .75em 0; }
.ie7 .alphabet li { float: left; }
.alphabet li a { /*height:16px;*/ min-width: 1em; padding: .3em 10px; text-decoration: none; border: 1px #e6e6e6 solid; color:#353535; display:block;}
.alphabet li a:focus,
.alphabet li a:hover,
.alphabet li a:active,
.alphabet li.on a { background-color: #666; color: #FFF !important; }


/* Page plan
------------------------------------------ */
.page_plan #content h2 { border-bottom: 1px solid; margin-bottom: .5em; padding-bottom: .5em; }
.page_plan #content h2 a { text-decoration: none; }
.page_plan #content .rte-list ul{ margin-left: 25px; }
.page_plan #content ul.rte-list-1 { list-style: none; }
.page_plan #content ul.rte-list ul {list-style-image: url(img/puce-1.gif); }
.page_plan #content ul a { padding: 0; }

/* Page recherche
------------------------------------------ */

/* Recherche */
#blockSearch { margin: 0 0 3em 0 !important; border: solid #E5E5E5; border-width: 1px 0; float:none !important; }
#blockSearch form { margin: 0; }

#firstSearch { margin: 0; padding: 1.5em 0; background: url(img/bg/gradient.gif) repeat-x top left; border-top: 1px solid #FFF; }
#firstSearch .help-inline { display: none; }
.js #firstSearch .help-inline { float: right; display: block; width: 28%; margin: 0; line-height: 2em; white-space: nowrap; }
#firstSearch .help-inline a { }
#firstSearch .help-inline .sep { visibility: hidden; }

#blockSearch .tab { clear: both; }
#blockSearch .tab-panel { background-color: #F5F5F5; border: solid #E5E5E5; border-width: 1px 0; }
#blockSearch .close { padding-right: 20px; text-align: right; cursor: pointer; }

#searchPlus {}
.js #searchPlus { display: none; }
#searchPlus .tab-panel { margin-bottom: 10px; padding-top: 20px; }
#searchPlus .close { float: right; margin-bottom: -1.5em; }

#searchHelp {}
.js #searchHelp { display: none; }
#searchHelp .tab-panel { height: 300px; padding: 10px; border: solid #E5E5E5; border-width: 1px 0; overflow: auto; }
#searchHelp .close { display: block; padding-top: 10px; padding-bottom: 10px; background-color: #F5F5F5; }

#blockSearch #searchBtn { margin-bottom: 10px; }
#blockSearch #searchBtn .controls { text-align: right; }

/* Resultats */
.results h2 small { color: #666; line-height: 1.5; }

/* Filtrer */
#navfiltrer {border-bottom: 1px solid #E5E5E5;}
#navfiltrer .header h3 { margin: 0; padding: 0; background: none; font-weight: normal; color: #FFF; }
#navfiltrer .inner { background: url(img/bg/gradient-2.gif) repeat-x bottom left; padding: 10px; }
#navfiltrer .header { background: #333; padding: 5px 10px;}

/* Trier */
#navtrier .header {background:#333;padding: 5px 10px;}
#navtrier .header h3 { float:left; margin-bottom: 0; padding: 0; background: none; font-weight: normal; color:#FFF;}
#navtrier .header .menu a { background: url(img/menu-separator.png) no-repeat right center; color:#FFF; }
#navtrier .header .menu li.last a { padding-right: 0; background:none;}
#navtrier .inner span.srch-Title3 {padding:0;}
#navtrier .inner ul li {border-bottom:1px solid #E5E5E5;padding:1.5em 0;}
#navtrier li img {float: left;margin: 0 15px 1.5em 0;}
#navtrier .best-bets {background: url(img/bg/gradient-2.gif) repeat-x bottom left;}

.srch-Metadata2 {color: #666666;}
.srch-Metadata2,
.srch-Description2 { margin-left: 0px; }
.srch-Description2 strong { padding: 0 .1em; background: #666; color: #fff; }
.srch-Title3 { font-weight: bold; }
.ms-searchref-categoryname { margin: .5em 0; padding-left:0;font-weight:bold;color:#000;font-size: 1.1em; height: 10px;}
.ms-searchref-filter a {color:#444;}
li.ms-searchref-filter {color:#444;margin:0;padding:0;} 
li.ms-searchref-selected {font-weight:bold;background:none;border:none;}

/* Recherche portail */
#results-portal ul { margin-left: 15px; }
#results-portal li { margin-bottom: .5em; }
#global-search { text-align: center; }
#global-search .btn { font-weight: bold; }
#global-search .btn .small { display: block; font-weight: normal; }
#global-search .btn { padding-left: 40px; background-image: url(img/global-search.png); background-position: left center; background-repeat: no-repeat; }


/* Page Home
------------------------------------------ */
#discovery {}
#discovery .inner { padding-left: 0; width: 105%; }
#discovery li {  margin: 0 20px 10px 0; }

#edito {}
#edito .inner {border:1px solid #E5E5E5;background: url(img/bg/gradient-2.gif) repeat-x bottom left;padding:10px; }

#navdirect { background: #333; }
#navdirect h2 { padding: 5px 10px; margin: 0; }
#navdirect ul { padding: 10px 10px 10px 0;}
#navdirect li { margin-bottom: .5em; }
#navdirect a { text-transform: uppercase; padding-left: 40px; background: url(img/navdirect-separator.gif) no-repeat left center;}
#navdirect,
#navdirect * { color: #fff; }

.block-filnews { padding: 0; border: 0; }
.block-filnews h2 { min-height: 1em; margin:0; padding: 5px 10px 5px; background: #333; border: 0;color:#fff;}
.block-filnews .inner { background: url(img/bg/gradient-2.gif) repeat-x bottom left;padding:10px;}
.block-filnews .footer { padding: 2px 5px; background: #353535; }
.block-filnews .footer .more a { background-image: url(img/sprite/go-white.png); color:#fff;text-transform:uppercase;font-weight:bold;}

.home .block-trick .feed { top: .4em; }
.home .block-more .inner h3,
.home .block-more .inner .h3 { margin: 0; padding: 0; background: none; font-weight: normal; }
.home .block-more .inner { padding-left: 0; padding-bottom: 0; padding-right: 0; }

/* end */

#MSOTlPn_WebPartPageDiv #s4-leftpanel { display: none; }
#MSOTlPn_WebPartPageDiv div#MSO_ContentTable { margin: 0px !important;}
.ms-srch-sb-border, .ms-srch-sb-borderFocused { border: 0 none !important; }

/* Mesure d'Audience par Google: Google Analytics et Universale Analytics*/
#cea-divCookiePolicy {
    background: none repeat scroll 0 0 #1f2120;
    border: 2px solid #dedede;
    border-radius: 12px;
    bottom: 10px;
    box-sizing: border-box;
    color: #fff;
    font-size: 13px;
    padding: 10px 20px;
    position: fixed;
    right: 8px;
    width: 99%;
    z-index: 90000;
	text-align:center;
	}
	
#cea-divCookiePolicy a{
	color:#888;
	}
	
#cea-divCookiePolicy img {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
	}/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(img/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(img/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(img/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(img/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(img/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(img/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(img/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(img/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(img/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;text-align:left;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;margin-top:10px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(img/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(img/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(img/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(img/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(img/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(img/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(img/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(img/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(img/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(img/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(img/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(img/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(img/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
/* 
    Document   : style
    Created on : 2 juil. 2012, 17:28:40
    Author     : Christophe Chevrier
*/


/* ---------------------------------------------------- */
/* Slideshow
/* ---------------------------------------------------- */

.webpart-slider { overflow: hidden; }
.webpart-slider .slider-carrousel { margin-left: 0px !important;}
.webpart-slider .slider-carrousel li { position: relative; overflow: hidden;/*width:100%;*/ }
.webpart-slider .slider-carrousel .caption { position: absolute; bottom: -1px; left: 0; width: 100%; height: 25%; padding-top: 45px; background: url("img/bg/cache.png") no-repeat top right; }
.webpart-slider .slider-carrousel h2, 
.webpart-slider .slider-carrousel p { display: block; margin: 0; padding: 0 10px; text-align: right; color: #6B6B6B; }
.webpart-slider .slider-carrousel h2 { padding-top: 20px; padding-bottom: .5em; font-size: 1.385em; font-weight: bold; color: #444; }
.webpart-slider .slider-carrousel .logo { text-align: center; }

.webpart-slider .bx-pager,
.webpart-slider .bx-auto  { position: absolute; bottom: 25%; z-index: 100; }
.webpart-slider .bx-pager { right: 2.8em; }
.webpart-slider .bx-auto { right: 10px; }
.webpart-slider .pager-link {float: left; display: block; min-width: 1.1em; height: 1.1em; line-height: 1; margin-right: 2px; padding: .3em; background-color: #353535; border: 1px solid #e6e6e6; text-align: center; color: #FFF;text-decoration:none;}
.webpart-slider .pager-active {background-color: #B3000F; }

.webpart-slider .bx-start  { display: block; min-width: 1.1em; height: 1.1em; line-height: 1; margin-right: 2px; padding: .3em; border: 1px solid #e6e6e6; text-align: center; color: #FFF; text-decoration: none; text-indent: -9999px; background: url(img/play.png) no-repeat center center #353535; }
.webpart-slider .stop { background: url("img/pause.png") no-repeat center center #353535; }

/* end *//* This is the default styling for all Tooltipsters: */
.tooltip-message {
	background-color: #FFF;
 	 border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	 -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	   -o-transition: border linear 0.2s, box-shadow linear 0.2s;
		  transition: border linear 0.2s, box-shadow linear 0.2s;
	position: absolute;
	padding: 10px;
	text-align: center; 
	z-index: 9999999; 
	pointer-events: none;
	width: 250px!important;
	overflow: visible;
}

/* When you want to create a second class for your Tooltipster messages, copy (or modify) this template and add your style to it. Don't forget to refer to it in your Tooltipster settings (tooltipClass: '.my-custom-theme') */
.my-custom-theme {
	position: absolute;
	text-align: center; 
	z-index: 9999999; 
	pointer-events: none;
	width: auto;
	/* Start styling here... */
}

/* Add a slight border radius to all images inside the Tooltipsters */
.tooltip-message img {
	border-radius: 2px;
}

/* These next classes handle the styles for the little arrow attached to the tooltip. If you need to change the color of the arrow to match a custom Tooltipster theme, set it in your Tooltipster settings (arrowColor: '#yourcolor') */
.tooltip-arrow {
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	width: 100%;
	height: 5px;
	position: absolute;
	left: 0px;
	z-index: -1;
}
.tooltip-arrow-top {
	bottom: -3px;
	margin: 0 auto;
	text-align: center;
}
.tooltip-arrow-top-right {
	bottom: -3px;
	margin-left: -10px;
	text-align: right;
}
.tooltip-arrow-top-left {
	bottom: -3px;
	margin-left: 10px;
	text-align: left;
}
.tooltip-arrow-bottom {
	top: -10px;
	margin: 0 auto;
	text-align: center;
}
.tooltip-arrow-bottom-right {
	top: -10px;
	margin-left: -10px;
	text-align: right;
}
.tooltip-arrow-bottom-left {
	top: -10px;
	margin-left: 10px;
	text-align: left;
}
.tooltip-arrow-left {
	top: 0px;
	right: -18px;
	margin: 0 auto;
	text-align: right;
}
.tooltip-arrow-right {
	top: 0px;
	left: -8px;
	margin: 0 auto;
	text-align: left;
}

/* Some styling to enable the slide animation */
.tooltip-slide {
	height: 0px;
	position: absolute;
	width: auto;
	z-index: 9999999;
	overflow: hidden;
}
.li-3cols
{
    padding: 0 !important;
    display: inline-block; 
    list-style: none; 
    vertical-align: top;
    width: 218px !important;
    height: 138px;
    /*Espacements entre les vignettes :*/
    margin: 0px 9px 15px 0px;
}

.container-3cols
{
    position: relative;
    color: #FFFFFF !important;
    text-decoration: none; 
    margin: 0;
    width: 100%;
    height: 100%;
}

.img-3cols
{
    width: 100%;
    height: 100%;
    margin: 0;
    border: none;
}

/*Le titre � incruster:*/
.text-bottomLeft-3cols
{
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;
/*    min-width: 80px;*/
    width: 180px;
    min-height: 15px;
    background: rgba(0,0,0,0.5);
    border-radius: 5px;
    padding: 8px;
}