/********************/
/*Style personnalisé*/
/********************/

/*body général du site*/
body {
	background: #ffffff;
	font-family: Roboto,Arial,Verdana;
	color: #3a414d;
}

.btn-link,
.btn-link:visited,
.btn-link:hover,
.btn-link:focus,
a,
a:visited,
a:hover,
a:focus {
	color : #2671dd;
}
a.btn-info,
.btn-info,
.btn-info:visited,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info:active:hover, 
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus, 
.btn-info.active:focus, 
.open > .dropdown-toggle.btn-info:focus, 
.btn-info.focus:active, 
.btn-info.active.focus, 
.open > .dropdown-toggle.btn-info.focus{
	background: #2671dd;
	color:#ffffff;
	border-color:#2671dd;
}

.justify {
	text-align: justify;
}
.bold {
	font-weight: bold;
}

.body li {
	list-style-type: none;
	list-style-image: url("../images/puce-liste.gif");
}

/*header*/
.header {
	background: url("../images/bg_header.gif") center right repeat-y;
	padding: 0;
}

.header .container {
	position: relative;
	color : #ffffff;
}
.header .elt-droite {
	position: absolute;
	right: 15px;
	top:5px;
	word-spacing: 1px;
	font-size: 12pt;
	z-index: 100;
}
.header .elt-droite i {
	font-size: 2em;
	margin-right: 5px;
	font-size: 18pt;
}

.header .elt-droite .pictos,
.header .elt-droite .pictos a,
.header .elt-droite .pictos a:visited,
.header .elt-droite .pictos a:hover,
.header .elt-droite .pictos a:focus {
	color : #ffffff;
	text-transform: uppercase;
}

.header .entete .titre {
	text-transform: uppercase;
	padding-top: 25px;
	padding-left: 30px;
}

.header .entete .titre .bleu {
	color:#2671dd;
	font-size: 30pt;	
}
.header .entete .titre .blanc {
	font-size: 25pt;
	line-height: 20px;	
}
.header .entete .titre .jaune {
	color:#f9e130;
	font-size: 14pt;
	padding-top: 20px;
	padding-right: 10px;
}
.header .entete .titre .blanc2 {
	font-size: 11pt;
	line-height: 16px;	
	clear: both;
}

.search {
	border-bottom: 1px solid #ffffff;
	padding-bottom: 3px;
	margin:5px 0;
	position: absolute;
	right: 0;
	bottom: 5px;
}
.search input[type=text] {
	border:none;
	border-left:3px solid #689522;
	background:transparent;
	text-transform:uppercase;
	padding: 3px 10px;
	color: #ffffff;
	height: 28px;
	width: 180px;
	font-size: 12pt;
}

.search input[type=submit] {
	background: url("../images/loupe.gif") no-repeat;
	border:none;
	color:transparent;
	padding: 5px 7px;
	margin-left: 3px;
}

/*slide*/
.balise_slide .puces  {
	bottom: 5px;
}
.balise_slide .puces .puce {
	background:#373f44;
	margin-right: 0;
	padding: 0 6px;
	color:#ffffff;
}
.balise_slide .puces .selected {
	background:#3676d2;
}

/*menu, couleur des liens et background*/
.bg_menu {
	background: #2067ce;
	padding: 0;
	margin-bottom: 1px;
}

.dropdown-menu,
.navbar-fixed-top,
.container #ligne_menu,
#ligne_menu .navbar-nav li.menuroot > A {
	background: #2067ce;
	color:#ffffff;	
}

/*menu, couleur des sous menu et du hover*/
.bg_menu .container {
	padding: 0 10px;
}
.navbar-nav .open .dropdown-menu,
#ligne_menu .navbar-nav li.menuroot:hover > A,
#ligne_menu .navbar-nav li.menuroot:focus > A {
	background:#1952a4;
}
/*menu, couleur du hover des sousmenu*/
.navbar-nav .open .dropdown-menu .menuleaf a:hover,
.navbar-nav .open .dropdown-menu .menuleaf a:focus {
	background: #3676d2;
	color:#ffffff;
}
.navbar-main .menuleaf .navbar-toggle,
.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus {
	background: #1c5cb9;
}
.navbar-nav > li,
.navbar-nav > li.firstroot,
#ligne_menu .navbar-nav > li.menuroot > A > .itemname{
	width: 16.6667%;
	height: 60px;
	font-size: 16px;
	font-weight: bold;
}
.dropdown-menu > li > a {
	color: #ffffff;
}
.navbar-nav > li.firstroot,
.navbar-nav > li {
	border-left:none;
	border-right: none;
}
.navbar-nav > li.firstroot {
	border-left:none;
}
.navbar-main {
	min-height: 60px;
}
.container #ligne_menu,
.affix .navbar-nav > li.menuroot > A {
	height: 60px;
}

.bg_slide {
	padding: 0;
	margin-bottom: 1px;
}

.bg_defil {
	background: #838993;
	color:#ffffff;
	font-size: 14pt;
	padding: 2px 0;
}

/*actus*/
.bg_actu {
	margin-bottom: 15px;
}
.titre-actu {
	text-transform: uppercase;
	font-size: 22pt;
	color:#2671dd;
	margin-bottom:10px;
}
.souspage_actu .titreSouspage {
	height: 20px;
	overflow: hidden;
}
.souspage_actu .titreSouspage a {
	color:#2671dd;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
}
.souspage_actu .desc-spage {
	line-height: 17px;
	overflow: hidden;
	height: 36px;
	padding-right: 50px;
}
.souspage_actu .desc-spage a,
.souspage_actu .desc-spage a:visited,
.souspage_actu .desc-spage a:hover,
.souspage_actu .desc-spage a:focus,
.souspage_actu .desc-spage a:active {
	color:#2b323f;
}
.souspage_actu > div {
	border-left: 4px solid #689522;
	margin-bottom: 10px;
}

.form-actu {
	background: #689522;
	padding-right: 10px;
}
.form-actu .lab {
	text-transform: uppercase;
	color:#ffffff;
	margin-right: 5px;
}
.form-actu input[type=button] {
	background: url("../images/ok.gif") no-repeat;
	border:none;
	color:transparent;
	padding: 3px 7px 7px 7px;
	margin-top: 4px;
	margin-right: 5px;
}
.form-actu input[type=text] {
	width: 230px;
	border: 1px solid #ffffff;
	background: #ffffff;
}

.btn-bleu .btn {
	background: #2671dd;
	text-transform: uppercase;
	color:#ffffff;
	padding-left: 40px;
	padding-right: 40px;
	text-decoration: none;
}
.btn-bleu .btn:HOVER {
	background: #1952a4;
}

/*souspages, style du bouton primary*/
#content_main .btn-primary {
	background-color: #2671dd;
	border-color: #2671dd;
	color:#ffffff;
}
.btn-info:hover,
#content_main .btn-primary:hover {
	background: #1952a4;
	border-color:#1952a4;
}

/*contenu body WSB*/
.bg_body, .equipe {
	background: #2b323f;
	color:#ffffff;
}
.bg_body .home,
.bg_body .home .body {
	background: #2b323f;
	font-size: 11pt;
}

.bg_body .home .body {
	padding-bottom: 5px;
}

.page_int {
	background: #ffffff;
}
.page_contact .adressePostale .blanc,
.page_contact .adressePostale .bleu,
.page_contact .adressePostale br {
	display: none;
}

.home .navigation-haut {
	display: none;
}
.bg_gris {
	background: #aab1bd;
	color:#2b323f;
}
.breadcrumb {
	margin-bottom: 0px;
}
.breadcrumb {
	background: none;
	padding-left: 0;
	padding-right: 0;
}
.breadcrumb > .active {
	color:#2b323f;
}
.breadcrumb a,
.breadcrumb a:visited,
.breadcrumb a:hover,
.breadcrumb a:focus,
.breadcrumb a:active {
	color:#035ad9;
}
.breadcrumb:BEFORE {
	content: "Vous êtes ici : ";
}

#sharethis {
	margin-top: 8px;
	margin-bottom: 0;
}

h1,h2 {
	color:#2067ce;
}

.titrepage {
	color:#2067ce;
	font-size: 22px;
}
.titrepage {
	background: url("../images/puce.gif") no-repeat center left;
	padding-left: 25px;
}


/*ligne aujourd'hui*/
.bg_auj {
	background: #e4e9ee;
	padding-top: 10px;
	padding-bottom: 10px;
}
.bg_auj .blanc {
	background: #f4f7fa;
}

.ajd-block {
	padding: 30px 10px 10px;
	min-height: 300px;
}

.ajd-block I {
	color: #2671dd;
}

.ajd-block .btn-bleu .btn {
	min-width: 180px;
	padding: 5px 10px;
}

.ajd-block.aujourdhui .titre,
.ajd-block.menudujour .menu-titre {
	color:#000000;	
	text-transform: uppercase;	
	font-size: 18px;
	font-weight: bold;	
	margin-bottom: 20px;
}

.ajd-block.aujourdhui .date,
.ajd-block.aujourdhui .citation,
.ajd-block.aujourdhui .anniversaire {
	margin: 5px 0 15px;
}

.ajd-block.aujourdhui .date I,
.ajd-block.aujourdhui .citation I,
.ajd-block.aujourdhui .anniversaire I {
	margin-bottom: 2px;
}

.ajd-block.menudujour .menujour I,
.ajd-block.menudujour .menusoir I,
.ajd-block.animations I {
	margin-bottom: 20px;
}

.ajd-block.menudujour .action,
.ajd-block.animations .action {
	margin-top: 20px;
}

.ajd-block.animations .animations-list {
	text-align: justify;
}

.ajd-block.animations .animations-list .animation {
	margin: 5px 0;
}

/*encarts page*/
.bg_blanc {
	padding-top:15px; 
	padding-bottom:15px; 
}

.page-home .titrePage {
	color:#2671dd;
	font-size: 13pt;
	line-height:18px;
	font-weight: bold;
	height: 43px;
	padding:6px 0;
	overflow: hidden;
}
.page-home .desc {
	line-height: 18px;
	height: 72px;
	margin-bottom:5px;
	overflow: hidden;
}

.lien-home-xs a {
	display: block;
	background: #2671dd;
	padding: 3px 5px;
	margin-top: 3px;
}
.lien-home-xs a,
.lien-home-xs a:visited,
.lien-home-xs a:hover,
.lien-home-xs a:focus,
.lien-home-xs a:active {
	color:#ffffff;
	font-weight: bold;
	font-size: 11pt;
}
.lien-home-xs i {
	font-size: 20px;
}

/*prefooter page*/
.rappel {
	padding: 20px 0 5px 0;
	margin-top: 10px;	
}
.rappel .titre {
	text-transform: uppercase;
	font-size: 14pt;
	font-weight:bold;
	line-height: 20px;	
	margin-bottom: 5px;
	letter-spacing: 1px;
	height: 60px;
}
.rappel a,
.rappel a:visited,
.rappel a:hover,
.rappel a:focus,
.rappel a:active {
	color:#ffffff;
	display: block;
	height: 100%;
	padding-top: 18px;
	transition: color 0.3s;	
}

.rappel .icone {
	background: #ffffff;
	border-radius: 55px;
    height: 87px;
    margin: auto;
    width: 90px;
	margin-bottom: 20px;
}

.rappel .icone:hover a,
.rappel .icone:hover a:hover {
	color: #2067ce;
}

.rappel .icone i {
	font-size: 50px;
}
.rappel .icone a,
.rappel .icone a:visited,
.rappel .icone a:hover,
.rappel .icone a:focus,
.rappel .icone a:active {
	color:#2b323f;
}

/*prefooter home*/
.rappel,
.bg_prefooter_home {
	background: #2b323f;
	border-bottom: 1px solid #a8b0bd;
	color:#ffffff;
}
.page-diapo a,
.page-diapo a:visited,
.page-diapo a:hover,
.page-diapo a:focus,
.page-diapo a:active,
.page-temoignage a,
.page-temoignage a:visited,
.page-temoignage a:hover,
.page-temoignage a:focus,
.page-temoignage a:active {
	color:#ffffff;
}
.page-temoignage,
.page-diapo .txt {
	padding-top: 20px;
}

.page-temoignage .titre,
.page-diapo .txt .titre {
	font-size: 17pt;
	text-transform: uppercase;
	font-weight: bold;
	line-height:24px;
	margin: 15px 0;
}
.page-temoignage .desc,
.page-diapo .txt .desc {
	padding: 0 10px;
	font-size: 11pt;
}

/*Livre d'or*/
.balise_livredor .message {
	background: #2067ce;
	box-shadow: 0px 0px 2px 0px #7e8b97;
	border-radius: 4px;
	color: #fff;
	margin: 10px 0;
	padding: 2px 15px;
}

.balise_livredor .message .msg {
	margin: 2px 15px;
	position: relative;
}

.balise_livredor .message .quote-left {
	position: absolute;
	top: 0;
	left: -20px;
}
.balise_livredor .message .quote-right {
	position: absolute;
	bottom: 0;
	right: -20px;
}

.balise_livredor .message .infos {
	text-align: right;
	font-style: italic;
	clear: both;
	font-size: 0.85em;
}

.balise_livredor .formulaire {
	margin-top: 20px;
}

.balise_livredor .listemsg .item:nth-child(2n+1) {
	clear: both;
}

/*footer*/
.bg_footer {
	background: #2b323f;
	color:#ffffff;
	padding: 10px 0;
}
.bg_footer a,
.bg_footer a:visited,
.bg_footer a:hover,
.bg_footer a:focus,
.bg_footer a:active {
	color:#ffffff;
}
.bg_footer .tel {
	padding-top: 20px;
	font-size: 24pt;
	color:#2671dd;
}
.bg_footer .tel i {
	font-size: 28px;
	margin-right: 20px;
	color:#ffffff;
}

.bg_footer .adresse {
	padding-top: 15px;
	font-size: 13pt;
	line-height: 18px;
}
.bg_footer .blanc,
.bg_footer .bleu {
	text-transform: uppercase;
}
.bg_footer .blanc {
	font-size: 20pt;
	line-height: 22px;
}
.bg_footer .bleu {
	font-size: 24pt;
	color:#2671dd;
	font-weight: bold;
	line-height: 26px;
	display:block;
}

.bg_footer .pied {
	margin-top: 20px;
}

/* Menus de la semaine */

.menusdelasemaine .datesemaine {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin: 5px 0 20px;
}

.menusdelasemaine .next {
	float: right;
}

.menusdelasemaine .infosdujour {
	margin: 30px 0 10px;
	text-align: center;
}

.menusdelasemaine .infosdujour .date {
	font-weight: bold;
	font-size: 18px;
}
.menusdelasemaine .infosdujour .citation {
	font-style: italic;
	margin-top: 5px;
}

.menusdelasemaine .ajd-block {
	min-height: auto;
	margin: 10px 0;
	padding: 10px;
	background-color: #f4f7fa;
}

.menusdelasemaine .menujour,
.menusdelasemaine .menusoir {
	text-align: center;	
}

/* Calendrier */
.tab_calendar {
	width: 100%;
	border-collapse: initial;
    border-spacing: 2px;
}

.tab_calendar TH.cal_entete {
	background-color: #F6f6f6;
	color: #404040;
	height: 24px;
	text-align:center;
}

.tab_calendar TH.cal_mois {
	height: 50px;
}

.cal_vide,
.cal_actu,
.cal_reserve,
.cal_libre{
	width: 76px;
	height: 24px;
	color: #fff;
	font-weight: bold;
}

.cal_suivant {
	text-align: right;
}

.cal_vide {
	background-color: #fafafa;	
}

.cal_libre{
	background-color: #97BE0D;
}

.cal_reserve{
	background-color: #d81417;
}

.cal_actu{
	border: 2px solid white;
    opacity: 0.7;
}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
	.header {
		padding: 0;
	}
	.header .logo {
		float: left;
		width: auto;
		margin-right: 3px;
	}
	.header .entete .titre {
		padding-left: 0px;
		padding-top: 3px;
	}
	.header .entete .titre .blanc {
	    font-size: 13pt;
		white-space: nowrap;
	}
	.header .entete .titre .bleu {
	    font-size: 14pt;
		line-height: 20px;
		white-space: nowrap;
	}
	.header .entete .titre .blanc2 {
	    font-size: 9pt;
		line-height: 16px;
		text-align: center;
	}
	
	.bg_menu {
		background: #3676d2;
		margin-bottom: 1px;
	}
	.bg_menu .container {
		padding: 0;
	}
	.container #ligne_menu,
	#ligne_menu .navbar-nav li.menuroot > A {
		background: #3676d2;	
	}
	.navbar-fixed-top {
		background: #3676d2;
	}

	.navbar-collapse {
		background: #3676d2;
		padding: 0;
	}
	UL.navbar-nav > li {
		padding-bottom: 0;
	}
	.navbar-nav > li,
	.navbar-nav > li.firstroot,
	#ligne_menu .navbar-nav > li.menuroot > A > .itemname{
		height: auto;
		font-size: 10pt;
		width: 100%;
		text-align: left;
	}
	.navbar-main {
		min-height: 43px;
	}
	.container #ligne_menu,
	.affix .navbar-nav > li.menuroot > A {
		height: 43px;
	}
	
	#ligne_menu .navbar-nav > li.menuroot > A > .caret {
		background:#1952a4;
	}
	#ligne_menu .navbar-nav > li.menuroot > A > .caret:HOVER, 
	#ligne_menu .navbar-nav > li.menuroot > A > .caret:FOCUS {	
		background: #3676d2 !important;
	}
	.bg_menu {
		padding: 0 15px;
	}
	
	.titre-actu {
	    font-size: 16pt;
		line-height: 22px;
		margin-top: 5px;
	}
	.souspage_actu .titreSouspage {
		font-size: 12pt;	
	}
	.form-actu .lab {
		font-size: 10pt;
		float: left;
		padding-left: 5px;	
	}
	.form-actu {
		padding-right: 5px !important;
	}
	.form-actu input[type=text] {
		font-size: 10pt;
	}
	.btn-bleu {
		margin-bottom: 10px;
	}
	.btn-bleu .btn {
	    padding-left: 12px;
	    padding-right: 12px;
	}
	.bg_blanc {
		padding: 0;
	}
	.rappel .titre a {
		padding-top: 5px;
	}
	.rappel .titre {
		font-size: 13pt;	
		letter-spacing: 0px;
	}
	.rappel .titre br {
		display: none;
	}
	.bg_prefooter_home {
		padding: 0;
		background: #ffffff;	
	}
	.bg_footer .tel {
		margin-bottom:10px;
	}
	.bg_footer .tel a {
		font-size: 22pt;
		color:#2671dd;
	}
	.bg_footer .adresse {
		font-size:11pt;
	}
	.bg_footer .adresse .blanc {
		font-size:18pt; 
	}
	.bg_footer .adresse .bleu {
		font-size:20pt; 
	}
	.bg_footer .logo {
		text-align: center;
	}

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.header .elt-droite {
		font-size: 10pt;
	}
	.search input[type="text"] {
		width: 140px;
	}
	.header .entete .titre {
		padding-left: 5px;
	}
	.header .entete .titre .blanc {
	    font-size: 15pt;
	}
	.header .entete .titre .bleu {
	    font-size: 20pt;
	}
	.header .entete .titre .jaune {
	    font-size: 12pt;
		padding-top:5px; 
	}
	.header .entete .titre .blanc2 {
	    font-size: 10pt;
		line-height: 18px;
	}
	.navbar-nav > li,
	.navbar-nav > li.firstroot,
	#ligne_menu .navbar-nav > li.menuroot > A > .itemname{
		width: 16.6667%;
		height: 60px;
		font-size: 14px;
		font-weight: normal;
	}
	
	.btn-bleu .btn {
	    padding-left: 12px;
	    padding-right: 12px;
	}
	
	.bg_footer .tel {
		font-size: 20pt;
	}
	.bg_footer .tel i {
		margin-right: 10px;
	}
	.bg_footer .adresse {
		font-size:11pt;
	}
	.bg_footer .adresse .bleu {
		font-size:22pt; 
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.header .elt-droite {
		font-size: 12pt;
	}
	.search input[type="text"] {
		width: 180px;
	}
	.header .entete .titre {
		padding-top: 10px;
	}
	.header .entete .titre .blanc {
	    font-size: 20pt;
	}
	.header .entete .titre .bleu {
	    font-size: 30pt;
	}
	.header .entete .titre .jaune {
	    font-size: 14pt;
		padding-right:35px; 
		padding-top:15px; 
	}
	.header .entete .titre .blanc2 {
	    font-size: 10pt;
	}
	.navbar-nav > li,
	.navbar-nav > li.firstroot,
	#ligne_menu .navbar-nav > li.menuroot > A > .itemname{
		width: 16.6667%;
		height: 60px;
		font-size: 16px;
		font-weight: bold;
	}
	.btn-bleu .btn {
	    padding-left: 40px;
	    padding-right: 40px;
	}
	
	.bg_footer .tel {
		font-size: 24pt;
	}
	.bg_footer .tel i {
		margin-right: 24px;
	}
	.bg_footer .adresse {
		font-size:13pt;
	}
	.bg_footer .adresse .bleu {
		font-size:24pt; 
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.header .entete .titre {
		padding-left: 30px;
		padding-top: 25px;
	}
	.header .entete .titre .blanc2 {
	    font-size: 11pt;
	}
	#ligne_menu .navbar-nav,
	.container {
		width: 1140px;
	}

	#ligne_menu .dropdown-menu {
		padding: 0;	
	}
}