html {
  font-size: 100%;
}

body {
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}

/* Mediabox + Bootstrap bug */
#colorbox {
	box-sizing: initial;
}



/* Hyperlienspx;
---------------------------------------------- */
a {
	color: #20a6c4;
}
a:focus,
a:hover,
a:active {}

.lien_discret,
.lien_discret:hover {
	color: #333;
	text-decoration: none;
}

.cartouche_liens_sobres {
	color: #333;
}
.cartouche_liens_sobres:hover {
	text-decoration: none;
}

.muted_link, 
.muted_link:hover {
	color: #999;
	text-decoration: none;
}

/* spip admin */
.spip-admin-bloc, 
.spip-admin-float {
	right: 10px !important;
}

/* Utilitaires */

.invisible {
	position: absolute;
	left: -20000px;;
}

.clearboth {
	clear: both;
}

/* Listes et tableaux .spip */

table.spip tbody tr.odd th,
table.spip tr.odd td { background: inherit; }


table.spip .spip_documents.spip_documents_center {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* table bootstrap */

table.spip {
  width: 100%;
  margin-bottom: 20px;
}
table.spip > thead > tr > th,
table.spip > tbody > tr > th,
table.spip > tfoot > tr > th,
table.spip > thead > tr > td,
table.spip > tbody > tr > td,
table.spip > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
table.spip > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
table.spip > caption + thead > tr:first-child > th,
table.spip > colgroup + thead > tr:first-child > th,
table.spip > thead:first-child > tr:first-child > th,
table.spip > caption + thead > tr:first-child > td,
table.spip > colgroup + thead > tr:first-child > td,
table.spip > thead:first-child > tr:first-child > td {
  border-top: 0;
}
table.spip > tbody + tbody {
  border-top: 2px solid #ddd;
}
table.spip table.spip {
  background-color: #fff;
}




/* Titraille
   -------------------------------------------*/
h1,
h2,
.h1,
.h2
 {
  font-family: georgia, serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h3,
h4,
h5,
h6,
.h3,
.h4,
.h5,
.h6 {

}

small {
	line-height: normal !important;
}


/* Nav Pills */

.nav-pills>li:hover>a, 
.nav-pills>li:hover>a:hover, 
.nav-pills>li:hover>a:focus {
	color: #1792ae;
}


.nav-pills>li.active>a, 
.nav-pills>li.active>a:hover, 
.nav-pills>li.active>a:focus {
	color: white;
	background-color: #20a6c4;
}


/* Cartouche + titrailles texte */

.cartouche {
	margin: 0 0 1em 0;
}

.cartouche:first-child {
	margin-top: 20px !important;
	padding: 0 !important;
}

.cartouche h2 {
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #92a7b6;
	font-size: 20px;
	margin:  0;
	font-weight: normal;
}

.cartouche h3 {
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #20a6c4;
	font-variant: small-caps;
	font-size: 30px;
	margin: 0 0 1.125em 0;
	font-weight: normal;
}

.soustitre {
	color: #566975;
}

/* liens home */

.liens_home {
	margin: 1em 0 0em 2em;
}

.liens_home a {
	margin-bottom: 1em;
	display: block;
}


/* texte */

.texte {
	text-align: justify;
}

.texte h3 {
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #20a6c4;
	font-variant: small-caps;
	font-size: 30px;
	margin: 0 0 1.125em 0;
	font-weight: normal;
}

.texte h4 {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: bold;
	font-size: 1.125em;
	color: #0e6271;
	margin: 0 0 1em 0;
	#display: inline;
}

.texte h5 {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	font-size: 1em;
	color: #0e6271;
	margin: 0;
	#display: inline;
}

.bold_h4 {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: bold;
	font-size: 1.125em;
	color: #0e6271;
	margin: 0 0 1em 0;
	display: inline;
}

.bold_h5 {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	font-size: 1em;
	color: #0e6271;
	margin: 0;
	display: inline;
}

.texte h6 {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 1em;
	margin: 1.5em 0;
}

.texte p {
	margin-bottom: 2em;
}

.cadre {
	background: #dde2e8;
	color: #566975;
	padding: 1.5em;
	margin: 2em 0;
	font-size: 0.875em;
}

.cadre p {
	margin-bottom: 1em;
}

.cadre p:last-child {
	margin-bottom: 0;
}

.logo_article {
	margin: 20px auto 0 auto;
}


/* ul.spip */

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

ul.spip li { 
    padding-left: 1em; 
    text-indent: -.7em;
}

ul.spip li:before {
    content: "■";
    font-size: 0.7em;
    position: relative;
    top: -2px;
    left: -4px;
    color: #20a6c4; /* or whatever color you prefer */
}

/* portfolio */

.portfolio_img_wrapper {
	margin-bottom: 1em;
}

/* page header */

.page-header {
	border-bottom: none;
	padding: 0;
}

.departement_header {
	background: #0091B3; 
	margin: 0;
	min-height: 160px;
}

.site_logo {
	margin-right: 1em;
}

.site_titre {
	margin: 3px 0 0 0;
	font-weight: normal;
}

.site_titre_nom {
	display: block;
	padding-top: 10px;
	color: white;
}

.site_titre_sous {
	display: block;
	color: white;
	font-style: italic;
	line-height: 1.9em !important;
}

.site_titre_sous_sous {
	display: block;
	color: white;
	font-size: 0.5em;
	line-height: 1.6em !important;
}

.site_titre_home {
	position: relative;
	top: -15px;
}

.site_titre a,
.site_titre a:hover,
.site_titre a small {
	color: white;
	text-decoration: none;
}

header_left_col {}

.header_right_col {
	padding-top: 20px;
}

.menu_secondaire {
	border-bottom: 1px solid white;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	padding-top: 3px;
	padding-bottom: 4px;
	margin-bottom: 10px;
	font-size: 0.875em;
}

.nav_sec_tools {
	color: white;
	padding-top: 2px;
}

.nav_sec_tools a {
	color: white;
}

.nav_sec_lang {
	padding-top: 2px;
}

.header_search {
	margin-left: 10px;
}

.header_search .form-control {
height: 24px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;

border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.header_search .btn {

padding: 1px 12px;
font-size: 14px;
line-height: 1.42857143;
}


/* nav stacked */

.nav-stacked {
	margin-top: 20px;
}


/* Listes menu */

.liste_menu_titre {
	font-weight: normal;
	background: #0091B3;
	font-weight: 1em;
	color: white;
	font-size: 1.375em; /* 22px / 16px */  
	padding: 0.1em 0.3em;
}

.liste_menu_titre a,
.liste_menu_titre a:hover {
	color: white;
	text-decoration: none;
}

.liste_menu {
	list-style: none;
	padding-left: 0;
}

.liste_menu li {
	border-bottom: 1px solid #7C909B;
}

.liste_menu li a,
.liste_menu li a:hover {
	text-decoration: none;
}

.liste_item_titre {
	font-variant: small-caps;
	color: inherit;
	font-size: 1.5em /* 24px / 16px */;
	letter-spacing: 1px;
}

.liste_menu li .liste_item_titre {
	color: #616DB2;
	font-variant: normal;
	font-size: 1.250em; /* 20px / 16px */ 
}

.liste_menu li a h4 {
	color: #616DB2;
}

.liste_menu li a:hover h4 {
	color: #0091B3;
}

.mini_right {
	float: right;
	color: white;
	margin-top: 6px;
}

/* Liste Agenda */

.liste_agenda {
	
}

.liste_agenda li {
	margin-left: 70px;
	position: relative;
	min-height: 80px;
}

.cartouche_agenda {
	margin-left: 70px;
	position: relative;
	min-height: 60px;
}

.liste_agenda li a {
	display: block;
	position: relative;
	margin: 10px 0 10px -70px;
	padding: 10px 0 10px 70px;
	z-index: 10;
}

.liste_agenda li p {
	margin-bottom: 0;
}

.liste_agenda_title {
}

.liste_agenda_title strong {
	color: #0091B3;
	font-variant: small-caps;
	font-size: 1.2em;
}

.agenda_type {
	color: #afc933;
	position: relative;
	top: 1em;
	font-size: 0.875em;
}

.date_pad {
	position: absolute;
	top: 0;
	left: -70px;
	display: block;
	background-color: black;
	padding: 13px 0 0 0;
	text-align: center;
	width: 55px;
	height: 55px;
	color: #fff;
	font-size: 0.7em;
	line-height: 18px;
	/* rounded bg */
	    overflow:hidden;
	    -webkit-border-radius: 20%;
	    -moz-border-radius: 20%;
	    border-radius: 20%;
}

.date_pad strong {
	font-size: 2.182em;
	line-height: 14px;
	display: block;
}

.liste_menu li:hover .date_pad {
	background-color: #0091B3;
}

/* Liste Focus */

.focus_item_bloc {
	position: relative;
	overflow: hidden;
	margin-bottom: 1em;
	}

.focus_title_bloc {
	position: absolute;
	top : 79%;
	color: white;
	width: 100%;
	height: 300px;
	background: #AFCA0B;
	background: rgba(175,202,11,.90);
	
	/* css3 transition */
	-webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.focus_title_bloc .focus_arrow {
	position: absolute;
	top: 0;
	left: 0;
	width: 45px;
	height: 300px;
	background-color: gray;
	background-color: rgba(102,102,102,0.85);
}

.focus_title_bloc .focus_arrow .fa {
	font-size: 40px;
	margin: 2px 0 0 17px;
}

.focus_title_bloc.style1 {
	background: #AFCA0B;
	background: rgba(175,202,11,.90);
}

.focus_title_bloc.style2 {
	background: #0091B3;
	background: rgba(0,145,179,.90);
}

.focus_title_bloc.style3 {
	background: #3E85C0;
	background: rgba(62,133,192,.90);
}

.focus_item_bloc:hover .focus_title_bloc {
	top: 35%; 
}

a.focus_item_link {
	display: block;
	background: #eee;
}

.focus_title_bloc a,
.focus_title_bloc a:hover {
	color: white;
	text-decoration: none;
}

.focus_title_bloc .liste_item_titre {
	margin: 10px 10px 5px 58px;
}

.focus_item_p {
	margin: 0 10px 10px 58px;
}

/* carousel */

.carousel {
	margin-bottom: 20px;
}

#carousel-highlight {
}

#carousel-highlight .carousel-inner .item {
	width: 100%;
	height: 250px;
	overflow: hidden;
	
	background: no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#carousel-highlight .carousel-control {
	width: 5%;
}

#carousel-highlight .carousel-caption {
	margin: 0;
	width: 33%;
	padding: 1em 3em 1em 2em;
	text-align: left;
	background: #232020;
	background: rgba(35,32,32,.80);
	color: white;
	height: 350px;
	top: 0;
	right: 0;
	left: auto;
}

#carousel-highlight .carousel-caption a,
#carousel-highlight .carousel-caption a:hover {
	color: white;
	text-decoration: none;
}

.carousel-control {
	z-index: 20;
}

.carousel-indicators {
	bottom: 10px;
	left: auto;
	right: 0;
	z-index: 15;
	width: 33%;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	text-align: center;
}

.carous_archive_link {
	position: absolute;
	top: 10px;
	right: 20px;
	z-index: 100;
}

.carous_archive_link a {
	color: white;
	background: rgba(0, 0, 0, 0.5);
	padding: 0.2em;
}

/* Navigation principale */

#navigation_principale {
	background-color: transparent;
	border: none;
	margin-bottom: 0;
}

#navigation_principale .navbar-collapse {
	padding-right: 0;
	padding-left: 0;
}

#navigation_principale .navbar-nav>li>a {
	color: #768693;
	font-variant: small-caps;
	font-size: 1.125em; /* 18px / 16px */
}

#navigation_principale .navbar-nav>li>a {
	margin-top: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-left: 1px solid #768693;
}

/* navigation : menu style 1 */
#navigation_principale .navbar-nav>.menu_style_1.open>a, 
#navigation_principale .navbar-nav>.menu_style_1.open>a:hover, 
#navigation_principale .navbar-nav>.menu_style_1.open>a:focus {
	background-color: #afcb07;
	color: white;
}

/* navigation : menu style 2 */
#navigation_principale .navbar-nav>.menu_style_2.open>a, 
#navigation_principale .navbar-nav>.menu_style_2.open>a:hover, 
#navigation_principale .navbar-nav>.menu_style_2.open>a:focus {
	background-color: #0083c3;
	color: white;
}

/* navigation : menu style 3 */
#navigation_principale .navbar-nav>.menu_style_3.open>a, 
#navigation_principale .navbar-nav>.menu_style_3.open>a:hover, 
#navigation_principale .navbar-nav>.menu_style_3.open>a:focus {
	background-color: #01b1e2;
	color: white;
}

/* navigation : menu style 4 */
#navigation_principale .navbar-nav>.menu_style_4.open>a, 
#navigation_principale .navbar-nav>.menu_style_4.open>a:hover, 
#navigation_principale .navbar-nav>.menu_style_4.open>a:focus {
	background-color: #0090b2;
	color: white;
}

/* navigation : menu style 5 */
#navigation_principale .navbar-nav>.menu_style_5.open>a, 
#navigation_principale .navbar-nav>.menu_style_5.open>a:hover, 
#navigation_principale .navbar-nav>.menu_style_5.open>a:focus {
	background-color: #616eb2;
	color: white;
}

#navigation_principale .navbar-nav a {
	color: white;
}

#navigation_principale .navbar-nav .btn-default {
	color: #333
}

/* navigation : menu link */

#navigation_principale .navbar-nav>li.menu_link>a {
	color: #81398f;
}

#navigation_principale .navbar-nav>li.menu_link_1>a {
	color: #016273;
}

#navigation_principale .navbar-nav>li.menu_link_2>a {
	color: #0190bc;
}

#navigation_principale .navbar-nav>li.menu_link_3>a {
	color: #81398f;
}


/* Navigation principale : drop-down menu */

#navigation_principale .dropdown-menu {
	padding: 1em;
	font-size: 0.813em;/* 13px/16px */
	color: white;
	background-color: #E7E7E7;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

#navigation_principale .dropdown-menu hr {
	border-top-color: #ccc;
	border-top-color: rgba(255,255,255,0.5);
}

/* drop-down bg : menu style 1 */
#navigation_principale .menu_style_1 .dropdown-menu {
	background-color: #afcb07;
}

/* drop-down bg : menu style 2 */
#navigation_principale .menu_style_2 .dropdown-menu {
	background-color: #0083c3;
}

/* drop-down bg : menu style 3 */
#navigation_principale .menu_style_3 .dropdown-menu {
	background-color: #01b1e2;
}

/* drop-down bg : menu style 4 */
#navigation_principale .menu_style_4 .dropdown-menu {
	background-color: #0090b2;
}

/* drop-down bg : menu style 5 */
#navigation_principale .menu_style_5 .dropdown-menu {
	background-color: #616eb2;
}

#navigation_principale .dropdown-menu ul {
	padding-left: 0;
	list-style: none;
}

#navigation_principale .dropdown_menu_col {
	border-right: 1px dotted #ccc;
	border-right: 1px dotted rgba(255,255,255,0.5);
}

#navigation_principale .dropdown-menu ul ul {
	padding-left: 1em;
}


/* trombinoscope */

.trombinoscope {}

.trombinoscope .img-responsive {
    margin: 0 auto;
}

.trombine {
	background-color: #f7f7f9;
	padding: 0.5em;
	margin-bottom: 2em;
	min-height: 275px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.trombine p a, .trombine p a:hover {
	color: #333;
	text-decoration: none;
}

/* Sous-rubrique : cart menu : équipes */

.logo_equipe {
	margin: 0 1em 0.5em 1em;
}
.logo_equipe img {
	margin: 0 auto;
}

.rub_cart {
	min-height: 220px;
}

.menu_aside .rub_cart {
	min-height: 170px;
	margin-bottom: 2em;
}

.rub_cart_title {
	font-size: 1.063em; /* 17px / 16px */
	font-weight: bold;
}

.rub_cart_presentation {

}

.menu_aside .rub_cart_title {
	font-size: 1em; /* 16px / 16px */
}

.menu_aside .rub_cart {
	min-height: 120px;
	height: 120px;
	margin-bottom: 2em;
}

/* footer */

.footer {
	margin-top: 3em;
	margin-bottom: 2em;
}

.footer_logo_bloc {
	margin: 2em 0 1em 0;
}

.footer_logo {
	margin-right: 1em;
}

.footer_logo .spip_logos {
	margin-bottom: 2em;
}

.logo_spacer {
	border-left: 1px solid #eee;
	margin: 0 4em 0 3em;
	height: 100px;
	display: inline-block;
	margin-bottom: -45px;
}

.footer_menu {
	padding: 0.6em 0 0.2em 0;
}
.footer_menu li {
	padding-left: 10px;
	padding-right: 10px;
}

.footer_menu li a {
	color: #566975;
}


/* Print */
@media print {
  .no_print,
  .menu_secondaire,
  .breadcrumb,
  .footer { display: none; }
}



/* ##################################################### */


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	.departement_header {
		background: #0091B3 url(images/header_dep_bkg.png) repeat center top; 
	}

	#carousel-highlight .carousel-inner .item {
		height: 300px;
	}
	
	/* Navigation principale : drop-down menu */
	#navigation_principale .dropdown-menu {
		padding: 1em;
		min-height: 450px;
		font-size: 0.813em;/* 13px/16px */
	}
	
	#navigation_principale .dropdown_menu_col {
		min-height: 180px;
	}
	
	#navigation_principale .dropdown_menu_col.longcol {
		min-height: 350px;
	}
	
}/* end small devices */

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#carousel-highlight .carousel-inner .item {
		height: 350px;
	}
	
	.departement_header {
		height: 160px;
		overflow: hidden;
	}
	
	/* home page dropdown menus */
	
	.menus_deroulants .btn-group,
	.menus_deroulants .btn {
	  width: 100%; 
	}
}/* end medium devices */

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}/* end large devices */