/*** Couleurs ***/
/*      			Foncé+	Foncé   Moyen   Clair   */
/* Accueil			#??????	#?????? #?????? #?????? */


/*** Document (HTML) ***/


/*** Corps du document (Body) ***/
body {
	font-family: Quando, Comic Sans MS, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	text-decoration: none;
	text-align: justify;
	color: #000000;
	background-color: #000000;
	background-image: url('images/fond.jpg'); background-size: 100% 100%;	/* image remplissant la zone en s'adaptant */
}


/*** Bulles Tooltip de Bootstrap ***/
.tooltip-main {
}
.tooltip-qm {
}
.tooltip-inner {
}
.tooltip.show {
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
}


/*** Boîtes de dialogue AlertifyJS ***/
div.alertify div.ajs-header {
}
div.alertify div.ajs-body {
}
div.alertify div.ajs-content {
}
div.alertify div.ajs-footer {
}
div.alertify div.ajs-auxiliary.ajs-buttons {
}
div.alertify div.ajs-primary.ajs-buttons {
}
div.alertify button.ajs-button.btn.btn-primary {
}
div.alertify button.ajs-button.btn.btn-danger {
}


/*** Icones (Span) ***/


/*** Page (Div) ***/
div.container-fluid {
	padding: 0px 0px 0px 0px;	/* haut droite bas gauche */
	margin: 0px 0px 0px 0px;	/* haut droite bas gauche */
}


/*** Conteneurs Row, Col, Div, Box (Div, Header, Footer, A) ***/


/*** Objets AdSense (Ins) ***/


/*** Objets BarreMac (Div, A, Img) ***/


/*** Objets Bouton (A, Div) ***/


/*** Objets Diaporama (Div, Img) ***/


/*** Objets EnvoiMessage (Div, Label, Input, Textarea) ***/


/*** Objets Facebook (Div) ***/


/*** Objets Image (Img) ***/


/*** Objets Leaflet (Div) ***/


/*** Objets Liens (Div, A) ***/
a.Autres:active {
	font-family: Trade Winds, Comic Sans MS, Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 16px;
	color: #00446a;
}
a.Autres:link {
	font-family: Trade Winds, Comic Sans MS, Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 16px;
	color: #00446a;
}
a.Autres:visited {
	font-family: Trade Winds, Comic Sans MS, Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 16px;
	color: #00446a;
}
a.Autres:hover {
	font-family: Trade Winds, Comic Sans MS, Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	font-size: 16px;
	color: #00446a;
}


a.Signature:active {
	font-family: Quando, Comic Sans MS, Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 10px;
	color: #00446a;
}
a.Signature:link {
	font-family: Quando, Comic Sans MS, Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 10px;
	color: #00446a;
}
a.Signature:visited {
	font-family: Quando, Comic Sans MS, Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 10px;
	color: #00446a;
}
a.Signature:hover {
	font-family: Quando, Comic Sans MS, Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	font-size: 10px;
	color: #00446a;
}


/*** Objets LigneVide (Div) ***/


/*** Objets Mail (Div, A) ***/


/*** Objets Onglets (Div, Nav, A, Ul, Li, Select, Option) ***/


/*** Objets PHP (Div, ...) ***/


/*** Objets Sep (Hr) ***/


/*** Objets Slideshow (Div) ***/


/*** Objets Texte (Div, Article, Span, A) ***/


/*** Objets Titre (H1, H2, H3, H4, H5, H6) ***/
h1#Titre1 {
	padding: 0px; 
	font-family: Trade Winds, Comic Sans MS, Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	color: #f9ab03;
	text-shadow: 1px 1px 2px #000000;
	/* En fonction de la taille de l'écran :
	font-size: 32px;
	*/
}


/*** Objets Youtube (Div, Iframe) ***/


/*** Objets ZoneJS (Div) ***/
div#Visite {
	aspect-ratio: 1.83;
	/* En fonction de la taille de l'écran :
	width: 80%;
	*/
}
div.VisiteDialogue {
	font-family: Trade Winds, Comic Sans MS, Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	/* En fonction de la taille de l'écran :
	font-size: 21px;
	*/
}


/*** Formulaire ***/


/*** Animations ***/


/*** Styles, couleurs ***/


/*** Responsive design : Tests (fonds XXL vert, XL bleu, LG blanc, MD jaune, SM rose, XS gris) ***/
/*body {
	background-color: #8dfc61;
}
@media (max-width: 1399px) {
	body {
		background-color: #a5f3f0;
	}
}
@media (max-width: 1199px) {
	body {
		background-color: #ffffff;
	}
}
@media (max-width: 991px) {
	body {
		background-color: #fafc40;
	}
}
@media (max-width: 767px) {
	body {
		background-color: #fbbcfa;
	}
}
@media (max-width: 575px) {
	body {
		background-color: #cdcdcd;
	}
}*/


/*** Responsive design : Très grands appareils XXL (fond vert) ***/
h1#Titre1 {
	font-size: 32px;
}
div#Visite {
	width: 80%;
}
div.VisiteDialogue {
	font-size: 21px;
}

/*** Responsive design : Très grands appareils XL (fond bleu) ***/
@media (max-width: 1399px) {
	h1#Titre1 {
		font-size: 32px;
	}
	div#Visite {
		width: 80%;
	}
	div.VisiteDialogue {
		font-size: 19px;
	}
}

/*** Responsive design : Grands appareils LG (fond blanc) ***/
@media (max-width: 1199px) {
	h1#Titre1 {
		font-size: 31px;
	}
	div#Visite {
		width: 80%;
	}
	div.VisiteDialogue {
		font-size: 17px;
	}
}

/*** Responsive design : Moyens appareils MD (fond jaune) ***/
@media (max-width: 991px) {
	h1#Titre1 {
		font-size: 30px;
	}
	div#Visite {
		width: 85%;
	}
	div.VisiteDialogue {
		font-size: 15px;
	}
}

/*** Responsive design : Petits appareils SM (fond rose) ***/
@media (max-width: 767px) {
	h1#Titre1 {
		font-size: 26px;
	}
	div#Visite {
		width: 90%;
	}
	div.VisiteDialogue {
		font-size: 13px;
	}
}

/*** Responsive design : Très petits appareils XS (fond gris) ***/
@media (max-width: 575px) {
	h1#Titre1 {
		font-size: 21px;
	}
	div#Visite {
		width: 95%;
	}
	div.VisiteDialogue {
		font-size: 11px;
	}
}