@charset "UTF-8";
/* CSS Document */

/*reset*/
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%; vertical-align: baseline; background: transparent;}
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;}
caption, th, td {font-weight: normal; text-align: left; }
h1, h2, h3, h4, h5, h6 {clear: both; }

h1{font-size:1.250em; }
h2{font-size:1.125em; }
h3{font-size: 1em; }
h4{font-size: 0.875em; }
h5{font-size: 0.750em; }
h6{font-size: 0.688em; }

html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%;}

a{color: #0072ab; text-decoration:none;}
a:focus, a:active {outline: thin dotted;}
a:visited{color: #0072ab;}
a:hover {color: #d74000; text-decoration:underline;}
a:focus{color: #0072ab;}
p{line-height: 1.4;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; }
audio, canvas, video {display: inline-block;}
audio:not([controls]) {display: none;}
del {color: #353331;}
ins {background: #fff9c0; text-decoration: none;}
hr {background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.5rem;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup {top: -0.25em;}
sub {bottom: -0.25em;}
small {font-size: 10px;}
img {border: 0; -ms-interpolation-mode: bicubic;}

.textalignR{text-align: right;}
/*.autobr{margin-bottom: 4px;}*/


.spip_documents, .spip_documents_center, .spip_doc_titre, .spip_doc_descriptif {
    margin-right: auto;
	margin-left: auto;
text-align: inherit;}


/*.spip_documents img{margin: 4px 4px; border: 1px solid #CCC; padding: 6px 6px;}*/

/* Form fields, general styles first */
button, input, textarea {border: 1px solid #ccc; border-radius: 3px; font-family: inherit; padding: 4px;margin-top: 4px; margin-bottom:10px}
button, input {line-height: normal;}
textarea {font-size: 100%;	overflow: auto; vertical-align: top;}

/*Search */
input[type="image"] {vertical-align: middle; border:none; padding: 0;}

/* images resize */
img{height:auto; max-width:100%; width: auto;
/*css3*/
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

/*Structuration de la page--------------*/
body{font-family: Verdana, Geneva, sans-serif; background-color: #F1F1F1; margin: 5px 0 0 0; line-height: 1.4; font-style:normal; font-weight:normal; text-align:inherit; font-size:0.8em;}

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

/* MAIN CONTENEUR*/
#page{background-color: #FFF; width: 100%; max-width: 984px; margin: 1px auto;}


/* HEADER*/

#header{background:#FFF; /*height: 200px; */margin: 0;}
#header #topbar{background:#F6F6F6; height: 30px; border-bottom:1px solid #EDEDED; width:100%; }
#header #hcontent{background:#FFF; margin: 0 auto; width:100%; height: 100%; position:relative; /*pour finir dans l'espace à ce niveau*/}

/* header topbar*/

/* header topbar skiplink*/
#skip{width: 84%; float:left;}
#header #topbar ul.skiplink{display:block; float:left; margin: 8px 10px 5px 10px; font-size: 10px; color:#353331; }
#header #topbar ul.skiplink li{display:inline-block; }
#header #topbar ul.skiplink li a{border-right: 1px dotted #999; padding: 0 7px 0 5px; }

/*Liens directs**/
 
.liendirect{margin: 9px 0 0 0; width:185px; font-size:0.875em; line-height:1.2em; float: right;}
.liendirect ul{padding:0; margin:0; list-style-type:none;}
.liendirect ul li a{ display: block; width:167px; height:20px; padding: 0 0 0 18px; margin:0; text-decoration: none; background: url(../images/icones/arrow-bleu-down.png) no-repeat 4px 2px;}
.liendirect ul li a:hover{color: #d74000;background: url(../images/icones/arrow-orange-down.png) no-repeat 4px 2px;}
.liendirect ul li ul{display:none;  background-color: #FFF; border: 1px solid #e7e3dd;}
.liendirect ul li ul li a{border-bottom:1px dotted #e7e3dd; padding-bottom: 3px; padding-top: 2px; background: url(../images/icones/arrow-bleu.png) no-repeat 6px 9px; }
.liendirect ul li ul li a:hover{padding-bottom: 3px; padding-top: 2px; color:#FFF; background: url(../images/icones/arrow-blanche.png) no-repeat 6px 9px #d74000;}
.ldliste, .sub-ld{/* #liendirect ul li */ margin-left:0px; float:left; }
.ldliste a:hover, .sub-ld a:hover{/* #liendirect ul li */ background-color:#d74000 ; color:#FFF;}
#DerouleAjout:hover ul{position:absolute; width:185px; list-style-type:none; display:block; /* Important */ line-height:20px; z-index:1;}
#DerouleAjout:hover ul .sub-ld a{height:20px; z-index:1;}
#DerouleAjoutSN:hover ul{position:absolute; width:185px; list-style-type:none; display:block; /* Important */ line-height:20px; z-index:1;}
#DerouleAjoutSN:hover ul .sub-ld a{height:20px; z-index:1;}


/* header topbar social*/
#header #topbar ul.social{display:block; float:right; margin: 2px 5px; }
#header #topbar ul.social li{display:inline-block; float: left; height: 24px; width: 24px; padding: 0 2px; opacity: 0.5;}
#header #topbar ul.social li:hover{opacity:1} /*effet survol sur le bouton, sans modification de couleur, quand  on est sur le bouton, on a la couleur à 100%*/
#header #topbar ul.social li a {display:block; }/*le lien prend tout l'espace dans les 24px cad dnas tout le bouton*/
#header #topbar ul.social li a img {width: 24px; height: 24px;}

/* nav reseaux sociaux accueil*/
nav.social-home{max-width: 300px; width:31.13%; float: right; margin-top: 2%; padding: 3px 3px;}
nav.social-home h2{background: url(../images/icones/partager.png) no-repeat 8px 4px; text-transform: uppercase; padding: 0 0 5px 35px; margin: 10px 0; color:#353331; border-bottom: 1px dotted #353331; font-weight: bold;}
nav.social-home ul li{display:inline-block; margin: 3% 2%;}

/*nav boutique UTLN*/
nav.boutique-home{max-width: 300px; width:31.13%; float: right; margin-top: 2%; padding: 3px 3px;}

/* header hcontent */
#grandeboite{}
#boite1{float: left; width: 74.48%; max-width: 725/*718*/px; margin: 0 10px; /*border:1px solid #9F0;*/}

#logosite{float:left; margin: 3% 0 1% 0;}

#outils{/*width: 39.64%;*/ float:right; margin: 3.5% 0;}

ul.outils{text-align: right;}
ul.outils li {display:inline-block;}
ul.outils li a{padding: 2px 6px;}
/*#outils ul.outils li:after{content:" |"; color:#CCC;}
#outils ul.outils li:last-child:after{content:" ";} pour mettre un espace sur le dernier lien à la place du | */
#boite3{/*border:1px solid #F33;*/ margin-bottom: 8px;}
/*#flag{text-align: right; margin-bottom: 4px; margin-right: 8px;}*/

#boite2{float:right; width: 20.96%; max-width: 226px; margin: 0 10px; padding:0;}

#logoutln{margin: 10px auto  0;}

/*moteur */
.moteur{margin: 26px 0 5px 0;}
.moteur h3{padding-top: 0; padding-left: 2px; margin-top: 0; margin-bottom: 6px; font-size: 12px; color: #353331;}
.moteur label {color:#353331; font-size: 0.875em; margin-bottom: 8px;}
.moteur input[type="image"] { vertical-align: middle; /*border:1px solid #CCC;*/}
.moteur input[type="text"] {border:1px solid #CCC; vertical-align: middle; margin-top: 1px; color:#0072ab;}

/*menu*/
#nav-main{background-color: #0072ab; }

/* CONTENU DE LA PAGE ----**/
#contenu{margin: 10px 0 5px 10px; width:100%; max-width:964px; }
#top-contenu{margin-bottom: 10px;}

/* PAGE HOME----*/

/* --- SLIDER HOME--- */
#slider-home{float:left; max-width: 636px; width: 65.9%; height: 100%;}
.sliderhome-photo{}
.sliderhome-titre {width: 60%; /*float:left; */margin: -10% 0 0 3%;} /*background:rgba(255,255,255,0.83);*/
.sliderhome-titre h2{ color: #000; line-height: 1.6; display:inline-block; padding: 1% 3% 2% 3%; font-weight: bold; background:rgba(255,255,255,0.85)}
.sliderhome-titre .tag{font-size: 1em; color: #0072ab; padding: 6px 10px 1px 10px; display:inline-block; font-weight: bold; text-transform: uppercase;background:rgba(255,255,255,0.85)} 


.nivo-caption {
  text-shadow: none;
  font-family: Arial, sans-serif;
  font-size: 1.4em;
  text-align: center;
  background: #0072ab;
opacity: 0.9;}


/* SLIDER rubrique*/

#slider-profil{width: 100%; max-width: 964px; height: 100%; max-height: 192px; margin-top: 15px; margin-bottom: 15px;}
#enteterub #slider-profil li{margin-left: 0px;}
.photo-slider{float:left; width: 64.83%; max-height: 198px;}
.surtitre-actu{color: #0072ab; text-transform:uppercase; font-weight:bold; margin: 10px 0;}
.encart-slider{float: right; width: 32%; margin: 1px 5px; height: 100%; max-height: 280px; }
.encart-slider h3{margin: 10px 0; font-size: 15px; font-size: 0.937rem;}
.encart-slider .chapo-slider{color: #353331; text-align:justify;}
.encart-slider a{color: #555;}
.encart-slider a:hover{color: #d74000; text-decoration: none;}
.encart-slider .ensavoir{background-color: #0061A0; text-align: right; margin: 20px 0 0; width: 40%; float: right; line-height: 1.5;}
.encart-slider .ensavoir{display: block; color:#FFF; padding: 2px 5px 2px 0;}
.encart-slider .ensavoir:hover{color: #CCC;}

/*--- PROFILS HOME ---*/
#profils-home{float:right; max-width: 302px; width:31.33%; background-color: #c4baac; padding: 2px 0px;}
#profils-home h2{background: url(../images/icones/profil2.png) no-repeat 10px 2px; text-transform: uppercase; padding: 0 0 5px 35px; margin: 10px 3px 6px 3px; color:#353331; border-bottom: 1px dotted #353331; font-weight: bold;}
#profils-home ul{font-size: 1.125em; line-height:2; text-transform:uppercase; padding-bottom: 12px;}
#profils-home li{list-style: none outside none; }
#profils-home a{color:#353331; display: block; background: url(../images/icones/arrow-profil.png) no-repeat 20px 8px; padding-left: 40px;}
#profils-home a:hover{background-color: #FFF;}

/*--- FOCUS / A LA UNE HOME ----*/
#focus-home{max-width: 300px; width:31.13%; background-color:#e7e3dd; float: left; margin-right: 10px; padding: 3px 3px 10px 3px;}
#focus-home h2{background: url(../images/icones/focus.png) no-repeat 8px 1px; text-transform: uppercase; padding: 2px 0 5px 35px; margin: 8px 0; color:#353331; border-bottom: 1px dotted #353331; font-weight: bold; /*border:1px solid #0F0;*/}

#alaune-home{max-width: 300px; width:31.13%; float:left; margin: 0 10px 0 10px; padding: 3px 3px;}
#alaune-home h2{background: url(../images/icones/une.png) no-repeat 8px 0px; text-transform: uppercase; padding: 0 0 5px 35px; margin: 10px 0; color:#353331; border-bottom: 1px dotted #353331; font-weight: bold;}

.article-home{min-height: 300px; margin: 0 0 15px 0;}
.article-home h3{font-weight: bold; color: #353331; margin: 0.5% 2% 2% 2%; text-transform:uppercase; padding-bottom: 3px; border-bottom: 1px dotted #CCC;}
.article-home a{color: #363636; display: block; overflow: auto; text-decoration: none;padding-top:5px; }
.article-home a:hover{background-color: #EEE; padding-top:5px;} 
.article-home a:hover h3 { text-decoration:underline;}
.article-home a .ensavoir-home{background-color:#eeb86a; color:#353331;margin-bottom: 10px;}
.article-home a:hover .ensavoir-home{background-color:#d74000; color:#FFF;text-decoration:underline;margin-bottom: 10px;}

.figure-home{width: 100%; max-width: 290px; margin: auto; }

.chapo-home{margin: 0.5% 2% 3% 2%; line-height: 1.4; font-size:0.923em; }
.ensavoir-home{text-align:center; background-color:#eeb86a; width: 22%; float: right; margin: 1% 3% 0 0; padding: 0.4% 2%; font-size: 0.846em;}
.ensavoir-home a{color:#353331;}

.ttactu{text-align:right; margin: 10px 0; }
.ttactu a{color:#d74000; padding: 3px 4px;background: url(../images/icones/arrow-orange.png) no-repeat 8px 7px; padding-left: 20px;}
.ttactu a:hover{ color:#FFF;background: url(../images/icones/arrow-blanche.png) #d74000 no-repeat 8px 7px; padding-left: 20px;}

/*-- AGENDA HOME ---- */
#agenda-home{max-width: 300px; width:31.13%; float: right; margin-bottom: 2%; padding: 3px 3px;}
#agenda-home h2{ background: url(../images/icones/agenda.png) no-repeat 8px 0px; text-transform: uppercase; padding: 0 0 5px 35px; margin: 10px 0; color:#d74000; border-bottom: 1px dotted #d74000; font-weight: bold;}
#agenda-home li:first-child{/*border: 1px solid #00F;*/}
#agenda-home .agenda-affichage-home .agenda-date-home{text-transform: uppercase; text-align: center; float: left; background-color: #d74000; margin-right: 10px; padding: 3px 3px; width: 3em; color: #FFF; font-weight: 500;}
.agenda-titre-home{overflow: hidden; min-height: 4.3em; font-size:0.923em; padding-top: 2px; border-bottom: 1px dotted #CCC; margin-top: 10px;}
.agenda-titre-home a{color:#000;}
.agenda-titre-home a:hover{color:#d74000; text-decoration:underline;}

.ttagenda{text-align:right; margin: 10px 0; }
.ttagenda a{color:#d74000; padding: 3px 4px;background: url(../images/icones/arrow-orange.png) no-repeat 8px 7px; padding-left: 20px;}
.ttagenda a:hover{ color:#FFF;background: url(../images/icones/arrow-blanche.png) #D74000 no-repeat 8px 7px; padding-left: 20px;}
/*--- CATALOGUE HOME---*/

#cata-home{max-width: 300px; width:31.13%; background-color: #0072ab;float: right; padding: 3px 3px; color:#FFF;}
#cata-home h2{background: url(../images/icones/formation.png) no-repeat 8px 0px; text-transform: uppercase; padding: 0 0 5px 35px; margin: 10px 0; color:#FFF; border-bottom: 1px dotted #FFF; font-weight: bold; letter-spacing:0.05em;}
#cata-home p{ line-height: 1.4; margin: 5px 5px 6px 10px; font-size:0.923em; }
#cata-home li{list-style: url(../images/icones/arrow-blanche.png) outside none;}
#cata-home li a{color:#FFF; line-height: 2;font-size:0.923em; }
#cata-moteur{width: 100%; margin: auto; text-align:center; margin-bottom: 10px; }
#cata-moteur label{margin-bottom: 10px; border-bottom: 1px dotted #CCC; display: inline-block; padding-bottom: 4px;}
#cata-moteur input[type="image"] { padding: 1px; vertical-align: middle; }
#cata-home a{color:#FFF; line-height: 2;font-size:0.923em; }

/*----  RUBRIQUE PRINCIPALE ----------------- */

#hierarchie{font-size:0.938em; margin-bottom: 10px; padding-left: 10px; padding-bottom: 4px; /*border-bottom: 1px dotted #CCC;*/}

#sidebar{width: 23.44%; max-width: 226px; float: left;}

/*---Menu ---*/
#navsecond{margin-bottom: 10%;}
#navsecond h2{font-weight: normal; letter-spacing: 0.05em; text-transform:uppercase; padding: 3px 0 3px 6px; background-color: #d74000; color:#FFF; margin-bottom: 4px;}
#navsecond li{ background: url(../images/puce-orange.jpg) no-repeat 6px 10px; background-color:#e7e3dd; margin: 2px 0; padding: 3px 0 3px 20px;}
#navsecond li a{color:#353331;}
#navsecond li li{background: url(../images/puce-grisef.jpg) no-repeat 6px 10px; background-color:#e7e3dd; margin: 2px 0; padding: 3px 0 3px 20px;}

#navsecond li li li {background-color: #FFF; border-bottom:1px dotted #CCC; font-weight:normal;}
#navsecond li li li:lastchild {background-color: #FFF; border-bottom: none; font-weight:normal;}
#navsecond .on .active{font-weight: bold; background: url(../images/puce-grisef.jpg) #FFF no-repeat 25px 10px; margin-left: -20px; padding-left: 40px;}
/*#navsecond li.test{font-weight:bold;}
#navsecond li.test li{font-weight: normal;color: #F00;}
#navsecond li.test li .on .active{font-weight: bold; background: url(../images/puce-grisef.jpg) #FFF no-repeat 25px 10px; margin-left: -20px; padding-left: 40px;}*/
#navsecond a{display: block;}
#navsecond li:hover{background-color:#FFF;}

#contacts-rub {border-bottom: 1px dotted #353331; padding-bottom: 4%;}
#contacts-rub h3{background: url(../images/icones/contacts.png) no-repeat 10px 6px; text-transform: uppercase; padding: 5px 0 5px 35px; margin: 2px 0 10px 0; color:#353331; border-bottom: 1px dotted #353331; border-top: 1px dotted #353331; font-weight: bold; }
#contacts-rub p{margin: 10px 0;}

#main-conteneur{width: 74.48%; max-width: 718px; float: right;}
#photo-rubprincipale{}

#focus-rub{margin-bottom: 1%;}
#focus-rub h3{font-weight: bold; color: #353331; margin: 0.5% 2% 3% 2%; padding-bottom: 3px; border-bottom: 1px dotted #CCC; min-height: 35px;}
#focus-rub ul{}
#focus-rub li.list-rub {/*border: 1px solid #399;*/ width:31%/*31.40%*/; max-width:224px; display:inline-block; vertical-align: top; margin-right:8px; margin-left: 8px; padding-bottom: 1%;}
#focus-rub li.list-rub:first-child{margin-left:0px;}
#focus-rub li.bonus-rub{background-color:#e7e3dd; color:#000; width:29.40%; max-width:224px; padding: 0 1% 2% 1%; display:inline-block; vertical-align: top; margin-left: 8px; margin-right:0px;}
#focus-rub li.bonus-rub ul{margin-top:5px;}
#focus-rub li.bonus-rub li{list-style: url(../images/icones/arrow-noir.png) outside none; margin-left: -14%; line-height: 1.8em; }
#focus-rub li.bonus-rub li a{color:#000; line-height: 1.7;}
#focus-rub li.list-rub a{color: #363636; display: block; overflow: auto; text-decoration: none;}
#focus-rub li.list-rub a:hover{background-color: #EEE;} 
#focus-rub li.list-rub a:hover h3 { text-decoration:underline;}
#focus-rub li.list-rub a .ensavoir{color:#FFF;margin-bottom: 10px;}
#focus-rub li.list-rub a:hover .ensavoir{background-color:#d74000; color:#FFF;text-decoration:underline;margin-bottom: 10px;}


.columns-bonus{margin-left: -12px; -webkit-columns: 2; -moz-columns: 2; columns: 2;}

.ensavoir{text-align:center; background-color:#0072ab; width: 30%; float: right; margin: 3% 3% 0 0; padding: 0.8% 2% 1.3% 2%; font-size: 0.846em;}
.ensavoir a{color:#FFF;}

.ensavoirbonus{text-align:center; background-color:#0072ab; width: 33%; float: right; margin: 3% 3% 0 0; padding: 0.8% 2% 1.3% 2%; font-size: 0.846em;}
.ensavoirbonus a{color:#FFF;}

a .ensavoiractu{text-align:center; background-color:#CCC; width: 30%; float: right; margin: 2% 3% 0 0; padding: 0.8% 2% 1.3% 2%; font-size: 0.846em;}
a .ensavoiractu{color:#353331; margin-bottom:10px;}
a:hover .ensavoiractu{background-color:#d74000; color:#FFF;text-decoration:underline;margin-bottom:10px;}


#actus-rub{margin-top: 1%;/* border-top: 1px solid #CCC;*/padding-top: 2%;}
#actus-rub h2{font-size: 1em; text-transform: uppercase;/* border-bottom: 1px dotted #353331; border-top: 1px dotted #353331; */background: url(../images/icones/liste.png) #e7e3dd no-repeat 9px 8px; margin: 1% 0 2% 0; padding: 1% 0 1% 5%; color:#353331; font-weight: 500;}
#actus-rub h3{font-weight: bold; color: #353331; margin: 0.5% 2% 3% 2%; padding-bottom: 3px; border-bottom: 1px dotted #CCC; min-height: 35px;}
#actus-rub ul{}
#actus-rub li.list-rub {/*border: 1px solid #399;*/ width:31.00% /*31.4*/; max-width:224px; display:inline-block; vertical-align: top; margin: 15px 8px 0 8px; padding-bottom: 1%;}
#actus-rub li.list-rub:first-child{margin-left:0px;}
#actus-rub li.list-rub:nth-child(3n){margin-right:0px;}
#actus-rub li.list-rub:nth-child(6n){margin-right:0px;}
#actus-rub li.list-rub a{color: #363636; display: block; overflow: auto; text-decoration: none; padding-top: 6px; }
#actus-rub li.list-rub a:hover{background-color: #EEE; } 
#actus-rub li.list-rub a:hover h3 { text-decoration:underline;}
#actus-rub li.list-rub a .ensavoir{color:#FFF;margin-bottom: 10px;}
#actus-rub li.list-rub a:hover .ensavoir{background-color:#d74000; color:#FFF;text-decoration:underline;margin-bottom: 10px;}

#actus-rub .pagination a{background: none repeat scroll 0% 0% #e7e3dd; text-decoration: none; color: #353331;}
#actus-rub .pagination a:hover{background: none repeat scroll 0% 0% #d74000 ; text-decoration: none; color:#FFF;}


.date-actu{font-size: 0.875em; color: #999; text-align: right; width: 100%;}
a:hover .date-actu{font-size: 0.875em; color: #353331; text-align: right; width: 100%;}

#article-rub{margin-top: 1%;/* border-top: 1px solid #CCC;*/padding-top: 2%;}
#article-rub h3{font-weight: bold; color: #353331; margin: 0.5% 2% 3% 2%; padding-bottom: 3px; border-bottom: 1px dotted #CCC; min-height: 35px;}
#article-rub ul{}
#article-rub li.list-rub {/*border: 1px solid #399;*/ width:31.00% /*31.4*/; max-width:224px; display:inline-block; vertical-align: top; margin: 10px 8px 0 8px; padding-bottom: 1%;}
#article-rub li.list-rub:first-child{margin-left:0px;}
#article-rub li.list-rub:nth-child(3n){margin-right:0px;}
#article-rub li.list-rub:nth-child(6n){margin-right:0px;}
#article-rub li a{color: #363636; display: block; overflow: auto; text-decoration: none;}
#article-rub li a:hover{background-color: #EEE;} 
#article-rub li a:hover h3 { text-decoration:underline;}
#article-rub li a .ensavoir{color:#FFF;margin-bottom: 10px;}
#article-rub li a:hover .ensavoir{background-color:#d74000; color:#FFF;text-decoration:underline;margin-bottom: 10px;}

#sous-rub{margin-top: 1%;/* border-top: 1px solid #CCC;*/padding-top: 2%;}
#sous-rub h2{font-size: 1em; text-transform: uppercase;/* border-bottom: 1px dotted #353331; border-top: 1px dotted #353331; */background: url(../images/icones/focus.png) #e7e3dd no-repeat 9px 6px; margin: 1% 0 2% 0; padding: 1% 0 1% 5%; color: #353331; font-weight: 500;}
#sous-rub h3{font-weight: bold; color: #353331; margin: 8% 2% 3% 2%; padding-bottom: 3px; border-bottom: 1px dotted #CCC; min-height: 35px;}
#sous-rub ul{}
#sous-rub li.list-rub {/*border: 1px solid #399;*/ width:31.00% /*31.4*/; max-width:224px; display:inline-block; vertical-align: top; margin-right:8px; margin-left: 8px; padding-bottom: 1%;}
#sous-rub li.list-rub:first-child{margin-left:0px;}
#sous-rub li.list-rub:nth-child(3n){margin-right:0px;}
#sous-rub li.list-rub:nth-child(6n){margin-right:0px;}
#sous-rub li a{color: #363636; display: block; overflow: auto; text-decoration: none;}
#sous-rub li a:hover{background-color: #EEE;} 
#sous-rub li a:hover h3 { text-decoration:underline;}
#sous-rub li a .ensavoir{color:#FFF;margin-bottom: 10px;}
#sous-rub li a:hover .ensavoir{background-color:#d74000; color:#FFF;text-decoration:underline;margin-bottom: 10px;}

/*--- RUBRIQUE ----*/

#enteterub{}
#enteterub h2{text-transform: uppercase; padding: 5px 0 5px 6px; margin: 2px 0 10px 0; color:#353331; border-bottom: 1px dotted #353331; border-top: 1px dotted #353331; font-weight: bold;}
#enteterub-img{float:right; width:100%; max-width: 226px; margin-left: 4px;}
#enteterub p{margin: 10px 0;}
#enteterub li{line-height: 1.5; margin-left:-10px;}

/*---- RUBRIQUE TYPE LISTE ---*/

#rubrique-item h2{font-size: 1em; text-transform: uppercase;/* border-bottom: 1px dotted #353331; border-top: 1px dotted #353331; */background: url(../images/icones/focus.png) #e7e3dd no-repeat 9px 6px; margin: 1% 0 2% 0; padding: 1% 0 1% 5%; color: #353331; font-weight: 500;}
#rubrique-item h3{font-size: 1em; text-transform: uppercase;background: url(../images/icones/liste.png) #e7e3dd no-repeat 9px 8px; margin: 1% 0 2% 0; padding: 1% 0 1% 5%; color:#000; font-weight: 500;}
#rubrique-item h4{background:#0072ab url(../images/puce-blanche.jpg) 10px 9px no-repeat; color:#FFF; font-weight: normal; padding: 3px 4px 3px 24px; margin: 14px 0 5px 8px; display:inline-block;}
#rubrique-item li{background: url(../images/icones/arrow-noir.png) no-repeat 10px 5px; padding-left: 26px; line-height: 1.4em; margin: 6px 0 6px 20px;}
#rubrique-item a{color: #353331;}
#rubrique-item a:hover{color:#d74000;}

/*---- Rubrique AAP*/
#rubrique-item .aap-bloc{background: none;}
#rubrique-item .aap-bloc .blocs_titre {background: url(../images/icones/arrow-blanche-down.png) no-repeat 10px 15px #095b84;}
#rubrique-item .aap-bloc .blocs_replie {background: url(../images/icones/arrow-blanche.png) no-repeat 10px 15px #095b84;}
#rubrique-item li.aap-item{background: #EEE url(../images/icones/arrow-noir.png) no-repeat 10px 10px; padding-top: 5px; padding-bottom : 10px;}
.aap-annee{margin: 14px 0 14px 5px; font-weight: bold; color:#d74000;}
#rubrique-item .aap-bloc .texte{color:#FFF;}

/*----- RUBRIQUE AGENDA ------*/

#agenda-page{width:100%;max-width: 460px; float: left; margin-bottom: 2%; padding: 3px 3px; }
#agenda-page h2{ background: url(../images/icones/agenda.png) no-repeat 8px 0px; text-transform: uppercase; padding: 0 0 5px 35px; margin: 10px 0; color:#d74000; border-bottom: 1px dotted #d74000; font-weight: bold;}
#agenda-page h3{margin: 14px 0 4px 0; text-transform:uppercase; padding-bottom: 4px; min-height: 20px;}
#agenda-page li:first-child{/*border: 1px solid #00F;*/}
#agenda-page .agenda-affichage-page .agenda-date-page{text-transform: uppercase; text-align: center; float: left; background-color: #d74000; margin-top: 2px; margin-right: 10px; padding: 5px 3px; width: 3em; color: #FFF; font-weight: 500;}
.agenda-surtitre{ text-transform: uppercase; font-size:0.875em; color: #353331; font-weight: bold;margin-top: 10px; padding-top: 0;}
.agenda-titre-page{overflow: hidden; min-height: 3.5em; font-size:1em; padding-top: 2px; border-bottom: 1px dotted #CCC; }

#sous-rub .agenda-titre-page a{color:#000;}
#sous-rub .agenda-titre-page a:hover{color:#d74000; text-decoration:underline; background-color: transparent;}
#agenda-aside{float: right; width: 100%; max-width: 226px;}
#agenda-aside h3{margin: 18px 0 4px 0; text-transform:uppercase; padding-bottom: 4px; min-height: 20px;}

#agenda-moteur{width: 100%; margin: auto; text-align:center; margin-bottom: 26px; }
#agenda-moteur label {margin: 18px 0 4px 0; padding-bottom: 4px; min-height: 20px;}
#agenda-moteur .moteur input[type="image"] { vertical-align: middle; /*border:1px solid #CCC;*/}
#agenda-moteur .moteur input[type="text"] {border:1px solid #CCC; vertical-align: middle; margin-top: 1px; color:#0072ab;}
#agenda-page .pagination a{background: none repeat scroll 0% 0% #e7e3dd; text-decoration: none; color: #353331;}
#agenda-page .pagination a:hover{background: none repeat scroll 0% 0% #d74000 ; text-decoration: none; color:#FFF;}

#bouton-formulaire{ background-color:#0072ab; width: 90%; text-align:center; margin-left:10px; margin-top: 20px;}
#bouton-formulaire a{display:block; color:#FFF;padding: 8px 2px;}
#bouton-formulaire a:hover{background-color:#353331;}

/*--- CATALOGUE FORMATIONS --------*/

/*-- RUBRIQUE COMPOSANTE--------*/

#listing-diplome-comp{}
#listing-diplome-comp h2{font-size: 1em; text-transform: uppercase;/* border-bottom: 1px dotted #353331; border-top: 1px dotted #353331; */background: url(../images/icones/catalogue-grey.png) #e7e3dd no-repeat 9px 7px; margin: 3% 0 2% 0; padding: 1% 0 1% 6%; color:#353331; font-weight: 500;}
#listing-diplome-compL{float:left; width:100%; max-width:338px;}
#listing-diplome-compR{float:right; width:100%; max-width:338px;}
#listing-diplome-comp h3{background:#0072ab url(../images/puce-blanche.jpg) 10px 11px no-repeat; color:#FFF; font-weight: normal; padding: 3px 2px 3px 24px; margin: 14px 0 5px 0;}
#listing-diplome-comp h4{background: url(../images/puce-orange.jpg) 0px 8px no-repeat; padding: 2px 0 2px 12px; font-size: 0.938em; border-bottom: 1px dotted #d74000; color: #d74000; display: inline-block; margin: 5px 0px 5px 4px;}
#listing-diplome-comp li{background: url(../images/icones/arrow-noir.png) no-repeat 10px 5px; padding-left: 26px; line-height: 1.4em; margin: 6px 0;}
#listing-diplome-comp a{color: #353331;}
#listing-diplome-comp a:hover{color:#d74000;}

#listing-diplome-art h3{font-size: 1em; text-transform: uppercase;/* border-bottom: 1px dotted #353331; border-top: 1px dotted #353331; */background: url(../images/icones/catalogue-grey-small.png) #e7e3dd no-repeat 9px 6px; margin: 30px 0 8px 0; padding: 1% 0 1% 8%; color:#353331; font-weight: bold;}
#listing-diplome-art h4{background:#0072ab url(../images/puce-blanche.jpg) 10px 9px no-repeat; color:#FFF; font-weight: normal; padding: 3px 4px 3px 24px; margin: 14px 0 5px 8px; display:inline-block;}
#listing-diplome-art li{background: url(../images/icones/arrow-noir.png) no-repeat 10px 5px; padding-left: 26px; line-height: 1.4em; margin: 6px 0;}
#listing-diplome-art a{color: #353331;}
#listing-diplome-art a:hover{color:#d74000;}

.infos-compo{font-size: 1em; text-transform: uppercase;/* border-bottom: 1px dotted #353331; border-top: 1px dotted #353331; */background: url(../images/icones/liste.png) #e7e3dd no-repeat 9px 8px; margin: 3% 0 0.5% 0; padding: 1% 0 1% 5%; color:#353331; font-weight: 500;}
.titredomaineFC{font-size:1.25em; font-weight:normal;}


/*--- RUBRIQUE ACTUALITES-----*/
.motactu{color:#FFF; text-transform:uppercase; display: inline-block; margin: 3px 2px;  font-size: 0.75em;}
.motactu .formation{background-color:#0072ab;padding: 3px 5px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.motactu .recherche{background-color:#353331;padding: 3px 5px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.motactu .vietud{background-color:#8A3A79;padding: 3px 5px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.motactu .universite{background-color:#009122;padding: 3px 5px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.motactu .bu{background-color:#d74000;padding: 3px 5px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.motactu .international{background-color:#e634f1;padding: 3px 5px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/* RUBRIQUE COLLOQUES / SEMINAIRES ---------- */

#colloques-conteneur{margin-top: 12px;}

#colloques-passes{float: right; width: 100%; max-width: 226px;}
#colloques-passes h2{background: url(../images/icones/arrow-blanche.png) 8px 8px no-repeat #353331; padding: 2px 3px 2px 20px; margin: 10px 0 10px 0; color: #FFF;font-weight: normal;}
.colloques-infos{color: #353331; font-size:0.875em;}
span.colloques-infos{color: #353331; font-size:0.875em; display:block;}
span.colloques-dates{text-align: left;display:block; color:#d74000;font-size:0.875em; padding: 3px 0 5px 0;}

#colloques-passes li{padding: 0 0 3px 10px; margin-bottom: 5px; border-bottom: 1px dotted #CCC; background: url(../images/icones/arrow-noir.png) no-repeat 0px 4px;}

#touslescolloques{background: url(../images/icones/plus-colloque.png) no-repeat 5px 9px #e7e3dd; padding: 5px 2px 5px 20px; margin: 10px 0;}
#touslescolloques a{ color:#353331; display-inline:block; width:100%;}

#colloques-conteneur .pagination a{background: none repeat scroll 0% 0% #e7e3dd; text-decoration: none; color: #353331;}
#colloques-conteneur .pagination a:hover{background: none repeat scroll 0% 0% #d74000 ; text-decoration: none; color:#FFF;}

/* article Tous les colloques / séminaires */
#liste-allcolloques{}

#liste-allcolloques h3{font-size: 1em; text-transform: uppercase;/* border-bottom: 1px dotted #353331; border-top: 1px dotted #353331; */background: url(../images/icones/calendrier-colloque-white.png) #0072ab/*#e7e3dd*/ no-repeat 9px 6px; margin: 30px 0 8px 0; padding: 1% 0 1% 8%; color:#FFF; font-weight: bold;}
#liste-allcolloques h4{background:#0072ab url(../images/puce-blanche.jpg) 10px 9px no-repeat; color:#FFF; font-weight: normal; padding: 3px 4px 3px 24px; margin: 14px 0 5px 8px; display:inline-block;}
#liste-allcolloques li{background: url(../images/icones/arrow-noir.png) no-repeat 10px 5px; padding-left: 26px; line-height: 1.4em; margin: 6px 0;}
#liste-allcolloques a{color: #353331;}
#liste-allcolloques a:hover{color:#d74000;}

/* RUBRIQUE LABORATOIRES ----------*/
#labo-conteneur{margin-top: 12px;}
#list-labo{float: left; width: 100%; max-width: 460px;}
#list-labo h2{background: url(../images/icones/arrow-blanche.png) 8px 8px no-repeat #0072ab/*d74000*/; padding: 2px 3px 2px 20px; margin: 10px 0 10px 0; color: #FFF; font-weight: normal;}
.labo-bloc a{color: #363636; display: block; overflow: auto; text-decoration: none; padding: 10px 0 0 5px;}
.labo-bloc a:hover{background-color: #EEE;} 
.labo-bloc a:hover .labo-vignette{border: hidden;}
.labo-bloc .ensavoir-home{background-color:#c4baac; color:#353331;}
.labo-bloc a:hover .ensavoir-home{background-color:#d74000; color:#FFF;}
.labo-bloc a:hover h3{text-decoration: underline;}
.labo-txt{float: right; width: 72%; text-align: left; margin-bottom: 16px;}
.labo-txt h3{border-bottom: 1px dotted #CCC; padding-bottom: 2px; margin-bottom: 5px; color:#0072ab;}

.labo-vignette{float: left; width: 24%; margin-bottom: 10px; border: 1px solid #CCC; padding: 2px 2px; background-color:#FFF;}

span.labo-infos{color: #353331; font-size:0.875em; display:block; font-weight: bold;}
.chapo-labo{margin-bottom: 10px;}

#labo-aside{float: right; width: 100%; max-width: 226px; border-bottom: 1px dotted #CCC;}
#labo-aside h2{background: url(../images/icones/arrow-blanche.png) 8px 8px no-repeat #353331; padding: 2px 3px 2px 20px; margin: 10px 0 10px 0; color: #FFF;font-weight: normal;}
#labo-aside ul{margin-left:30px; margin-top:10px;}
#labo-aside ul li{line-height: 1.6em;}



/*  RUBRIQUE PROFIL --------------*/
ul .listartprofil{margin-left: 12px;}
li .listart-ssrub{background: url(../images/puce-grisef.jpg) no-repeat 2px 7px; padding-left: 16px;}
#sous-rub li li.listart-ssrub a{color:#0072ab; }
#sous-rub li li.listart-ssrub a:hover{color:#d74000; background-color: transparent; text-decoration:underline;}

/*PAGE RESULTATS RECHERCHE*/
#pagesearch-aside{margin-bottom: 10%;}
#pagesearch-aside h3{background: url(../images/icones/liste.png) no-repeat 8px 6px; text-transform: uppercase; padding: 5px 0 5px 30px; margin: 2px 0 10px 0; color:#353331; border-bottom: 1px dotted #353331; border-top: 1px dotted #353331; font-weight: bold; }
#pagesearch-aside input.submit {margin-left: 10px;}
#pagesearch-aside input.text,textarea {
width: 80%; color:#0072ab;/*100*/
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #EEE; /*EED*/
border: 4px solid #EEE;
}
#pagesearch-aside label {color:#353331; font-size: 0.875em; margin-bottom: 8px; margin-left: 4px;}
#pagesearch-aside input[type="image"] { vertical-align: middle; /*border:1px solid #CCC;*/}

.pagesearch{margin: 2% 0 2% -5%; border: 1px dotted #999; background-color:#f8f8f7; padding-bottom: 3px; padding: 1% 1%; color: #353331; list-style: none outside;}
.pagesearch-titre a{text-decoration:underline; margin-bottom: 3px;}
.pagesearch-url{font-size: 0.875em; color:#d74000;}
.pagesearch-date{font-size: 0.875em; color:#353331;}

/* RECHERCHE MULTICRITERE ----------*/

label#critere{margin: 10px 0; color:#0072ab; font-weight: bold;}
li.listart-critere{background: url(../images/puce-grisef.jpg) no-repeat 4px 10px; margin: 1% 0 1% 2%; border: 1px dotted #999; background-color:#f8f8f7; padding: 0.5% 1% 0.5% 16px; color: #353331;}

select.searchfield{background-color:#c4baac; color:#000; border: none; padding: 3px 3px; font-size: 1em;}
.tag-critere{display: inline-block;margin: 15px 10px 18px 0;}
.tag-critere a{background: url(../images/icones/cross.png) no-repeat 4px 8px #0072ab; padding: 4px 4px 4px 22px; color:#FFF;}

/* ARTICLE ------------- */

#article-content{float:left; width: 65.7%; max-width: 472px;}
#article-content img{max-width: 472px}
#titre-article h2{text-transform: uppercase; padding: 5px 0 5px 6px; margin: 2px 0 10px 0; color:#353331; border-bottom: 1px dotted #353331; border-top: 1px dotted #353331; font-weight: bold;}
#tool{font-size:0.85em; color: #353331; text-align: right; margin-bottom: 1%;}
#chapo{background-color: #eeece8; margin: 10px 0; padding: 0.5% 2%; line-height:1.4;}
#chapo a{color:#0B425E;}
#date-eve{}
#art-surtitre{}
#art-ssoustitre{}

.texte-article p{margin: 10px 0;}
/*.texte-article h3{font-size:1.125em; color:#d74000; margin: 20px 0 20px 20px; padding-left: 10px; border-left: 6px solid #d74000;}*/
.texte-article h3{background: url(../images/icones/arrow-orange.png) no-repeat 4px 6px; font-size:1.125em; color:#d74000; margin: 14px 0 12px 4px; padding-left: 18px; border-bottom: 1px dotted #d74000; padding-bottom: 3px; display:inline-block;}
.texte-article h4{background: url(../images/icones/arrow-bleu.png) no-repeat 4px 5px; font-size:1em; color:#0072ab; margin: 15px 0 10px 14px; padding-left: 18px; }
/*.texte-article h4{font-size:1em; color: #999; margin: 15px 0 14px 30px; border-left: 4px solid #999; padding-left: 10px;}*/
.texte-article h5{font-size:1em; margin-top:10px; font-weight: normal;}
.texte-article li{line-height: 1.5; margin-left:-10px;}
.texte-article blockquote{width: 80%; line-height: 1.5; text-align: center; margin: auto; padding: 1.5% 2%; background-color: #ecd4b0/*#e7e3dd*/; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;}
.texte-article q{width: 80%; line-height: 1.5; text-align: center; margin: auto; padding: 1.5% 2%; background-color: #f3f3f3; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;}

.texteencadre-spip {border:none; background-color:#bbdef4 /*#eeb86a*/; padding: 2% 2%; margin: 1% 1%; line-height: 1.5;
-webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;}
.texteencadre-spip a{color:#0B425E;}

/*Tableau ARTICLE*/
table.spip { width: 97%; margin:auto; }
table.spip caption {text-align: center; padding: 1% 1%; font-weight: bold; font-size: 0.875em; margin-bottom: 1%;}
table.spip tr.row_first th {font-weight: bold;padding: 1% 1%; border: 1px dotted #CCC;}
table.spip tr.odd td {background-color: #ebebeb; padding: 1% 1%; border: 2px solid #FFF;}
table.spip tr.even td {background-color: #e9f4fe; padding: 1% 1%; border: 2px solid #FFF;}

/*onglets*/
div.onglets_bloc {position:relative;	width:100%; clear:both;}
div.onglets_bloc h2 {clear:none;} /*ajout aude pour mise en ligne*/
div.onglets_bloc h2.onglets_titre a {text-decoration:none; height:22px; color:#000;}
div.onglets_bloc h2.onglets_titre {	height:20px;
-moz-border-radius-topleft:3px; -moz-border-radius-topright:6px;	background-color:#ebebeb;
	color:#FFF; /*black*/
	position:relative; top:-1px; display:inline; float:left; overflow:hidden; cursor:pointer; margin:1px 2px 1px 2px; padding:3px 0.6em 0 0.6em; border:1px solid #CCC ;/*rgb(0,114,171)*/
	z-index:11;	white-space:nowrap;	text-align:center;	/*modif*/
	font-size:88%;}
div.onglets_bloc h2.onglets_titre.selected {
	height:22px; background-color:#0072ab; /*modifd9dc47*/
		border-top: 1px solid #0072ab ; /*modifd9dc47*/
	z-index:11; 	top:-3px; 	margin:1px 2px -2px 2px; 	border-bottom-width:0px; cursor:default;}
div.onglets_bloc h2.onglets_titre.selected a {color:#FFF/*black*/; cursor:default;}
div.onglets_bloc h2.hover a {color:#0072ab /*#FFF*/;}
div.onglets_bloc .onglets_liste {white-space:nowrap;}
div.onglets_bloc .onglets_contenu {
	display:none; clear:both; background-color:#FFF; border:1px solid #ebebeb; /*modif rgb(0,114,171)*/
	/*background:rgb( 252, 252, 254 );*/ z-index:10; position:relative; top:-3px; padding:0.6em;}
div.onglets_bloc .onglets_contenu.selected {display:block; overflow:hidden;}


/* BLOCS DEPLIES ----*/
.cs_blocs{margin: 20px 0px 2px 0;}
.blocs_titre {font-weight:normal; line-height:1.4em; padding: 10px 20px 10px 30px; margin: 20px 0px 15px 0; background-color:#e7e3dd; background: url(../images/icones/arrow-gris-down.png) no-repeat 10px 15px #e7e3dd; clear:left; cursor:pointer;}
.blocs_titre a{color: #353331; font-weight:bold;}
.blocs_replie {	margin: 20px 0px 15px 0; background: url(../images/icones/selected-off.png) no-repeat 8px 13px #e7e3dd; padding: 10px 20px 10px 30px; color: #353331;}
.blocs_title{display:none;}

/*DoCUMENTS JOINTS ------- */
.doc_joints{background: #e9f4fe; padding: 2px 5px 10px 5px; margin: 3% 0;}
.doc_joints h4{margin: 2px 0 10px 0; padding: 5px 0 3px 22px; background: url(../images/plus.gif) no-repeat 4px 7px; border-bottom: 1px dotted #353331;}
.doc_joints li{font-size:12px; margin-bottom: 3%;}

/* ASIDE ARTICLE -----------*/
#article-aside{float: right; width:31.4%; max-width:226px;}
#article-aside p{margin: 8px 0;}
#article-aside-logo{}
#infosgenerales-article h3{background: url(../images/icones/infosgenerales.png) no-repeat 10px 6px; text-transform: uppercase; padding: 5px 0 5px 35px; margin: 2px 0 10px 0; color:#353331; border-bottom: 1px dotted #353331; border-top: 1px dotted #353331; font-weight: bold; }
#infosgenerales-article ul{margin-left: 20px;}

/*ARTICLE PLAN DE FORMATION RH */
#article-contentPlanRH{float:left; width: 100%; /*max-width: 472px;*/}
.bloc-catalogue{padding: 0px 10px; margin-bottom: 70px; line-height: 18px;}
.intitule-catalogue{font-size: 1.25em; }
.titrebloc-catalogue{background: url(../images/icones/arrow-bleu.png) no-repeat 4px 4px; font-size:1em; color:#0072ab; margin: 15px 0 10px 14px; padding-left: 18px; font-weight: bold; }
.infosession{}
.infosessionL{float: left; width: 250px; }
.infosessionR{float: right; width: 250px; margin-right: 150px;}

.sinscrireform{float:right; width: 230px; background-color: #bbdef4; margin-top: 10px; margin-right: 130px; font-size:1.125em; font-weight:bold; padding: 10px 2px 10px 12px; }
.sinscrireform a {color: #000;}
.sinscrireform a:hover {color: #353331;}


/*documents joints aside */
.doc_joints-aside{}
.doc_joints-aside h3{background: url(../images/icones/telecharger.png) no-repeat 8px 6px #bbdef4; text-transform: uppercase; color:#353331; font-weight: bold; padding: 6px 2px 6px 35px; margin: 18px 0 3px 0;}
.doc_joints-aside ul{background-color: #eeece8; padding: 12px 2px 12px 8px; margin-bottom: 14px; }
.doc_joints-aside li{font-size: 0.875em; margin-bottom: 3%;}
.doc_joints-aside a{color:#0B425E;}

#contactstitre-articleD h3{background: url(../images/icones/contacts.png) no-repeat 8px 7px #bbdef4; text-transform: uppercase; color:#353331; font-weight: bold; padding: 6px 2px 6px 35px; margin: 18px 0 1px 0;}
#contacts-articleD{background-color: #eeece8; padding: 6px 2px 12px 8px; margin-bottom: 14px; }
#contacts-articleD a{color:#0B425E;}
#contacts-articleD p{margin: 8px 0;}
#contacts-articleD li{margin-left:-30px; margin-top: 5px;}

#socialtags h3{background: url(../images/icones/partager.png) no-repeat 10px 6px; text-transform: uppercase; padding: 5px 0 5px 35px; margin: 2px 0 12px 0; color:#353331; border-bottom: 1px dotted #353331; border-top: 1px dotted #353331; font-weight: bold; }

.caractencadre-spip{background-color:transparent; color:#000; text-align:center; display: block; width: 100%;}
.caractencadre-spip2{}


/*retour haut de page */
.hautdepage{text-align: center; font-weight: bold; margin-top: 30px; background-color: #F6F6F6; padding: 3px;}

/* FOOTER -----------*/
#footer{margin-top: 20px; margin-bottom: 10px;}
.footer-nav{background-color: #c4baac;}
.footer-nav .rub1, .footer-nav .rub2, .footer-nav .rub3, .footer-nav .rub4, .footer-nav .rub5, .footer-nav .rub6, .footer-nav .rub208{font-weight: bold; font-size:1em; text-transform:uppercase; }
.footer-nav ul.test1{}
.footer-nav > ul > li {width: 144px; margin: 8px 8px; float: left; font-size: 0.875em;}
.footer-nav li li{/*list-style: square; list-style-position:inside;*/ color: #353331; line-height: 1.3; font-weight: normal;  font-size:0.938em; text-transform:none;}
.footer-nav li h3{border-bottom: 1px solid #353331; padding-bottom: 2px; margin-bottom: 5px;font-size: 1.125em;}
.footer-nav a{color:#353331; display:block;padding-top: 3px; padding-bottom:4px; padding-left:2px;}
.footer-nav a:hover{background-color:#FFF;}


#footer-infos{background-color: #d74000; margin-top: 10px; padding: 5px 5px; color: #FFF; font-size:0.875em; text-align:center; margin-bottom: 10px;}
#footer-infos a{color: #FFF;}
#footer-infos a:hover{color: #000;}

label {display:inline;}

/* Pagination */
.pagination-items {list-style: none;display: flex;flex-wrap: wrap; flex-direction: row; justify-content: center}
.pagination-item {  margin: 0em; flex-basis: 7.5%; display: flex;align-items: center;}
.pagination_precedent_suivant .pagination-item { flex-basis: auto;}
.pagination-item + .pagination-item {  margin-left: 0.5em }
.pagination-item-label { display:block; flex-basis: 100%; background: #f0f0f0; text-decoration: none; padding:.5em; border-radius:.25em; text-align: center;}
.on .pagination-item-label,
a.pagination-item-label:hover,
a.pagination-item-label:focus,
a.pagination-item-label:active { background: #c41558; color: #fff; }
.on .pagination-item-label {font-weight: bold;}
.pagination_precedent_suivant .disabled {visibility: hidden}
.pagination-item.disabled {}
.pagination-item.disabled .pagination-item-label {color:#888; font-weight: normal;}