/* ---------------------------------------
	Standard styles formatting
	created with Template Creator
        on http://www.template-creator.com
-----------------------------------------*/



html {
  height: 101%;

}

body {
  margin: 0;
  padding: 0;
  min-height:100%;
}

* {
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, .contentheading, .componentheading {
  padding: 3px 0;
  margin: 0;
  line-height: 1.2;
  font-weight: bold;
  font-style: normal;
}
h1, .componentheading {
  font-size: 1.75em;
}
h2, .contentheading {
  font-size: 1.5em;
}
h3 {
  font-size: 6.25em;
}
h4 {
  font-size: 1em;
}

ul, ol {
  padding: .75em 0 .75em 0;
  margin: 0 0 0 35px;
}

ul {
list-style-type: square;
}
ul.menu {
    margin: 0;
}

ul.menu li {
    list-style: none;
}

p {
  padding: 5px 0;
}

address {
  margin: .75em 0;
  font-style: normal;
}

a:focus {
    outline: none;
}

img {
  border: none;
}

em {
  font-style: italic;
}
strong {
  font-weight: bold;
}

form, fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
input, button, select {
  vertical-align: middle;
}

.clr {
	clear : both;
}

.column.column2 {
    width: 0%;
}

.column.center {
    width: 100%;
}

.noright .column.center {
    width: 100%;
}

.flexiblemodule, .column, .logobloc {
    float: left;
}

/* ---------------------------------------
	specific to images
-----------------------------------------*/

li.print-icon {
	height: 16px;
	line-height: 16px;
	padding-left: 20px;
	background: url(../images/system/printButton.png) left center no-repeat;
}

li.email-icon {
	height: 16px;
	line-height: 16px;
	padding-left: 20px;
	background: url(../images/system/emailButton.png) left center no-repeat;
}

li.edit-icon {
	height: 16px;
	line-height: 16px;
	padding-left: 20px;
	background: url(../images/system/edit.png) left center no-repeat;
}

/* ---------------------------------------
	Custom styling
-----------------------------------------*/

.container, .container-fluid {
	margin: 0 auto;
}

/* Les lignes suivantes permettent de réduire la fenêtre et donc de supprimer un affichage sur toute la largeur */
 
/*.container {
	width: 1220px;
}

.container-fluid {
	max-width: 1220px;
}

*/
body {
	/* background: #bfbfbf url(../images/pattern2.png) center center repeat scroll; */
	background: #aaacaf;
	color: #363636;
	text-align: left;
	line-height: 20px;
	/* font-size: 14px; */
	font-family: Segoe UI, sans-serif;
}

a {
	text-decoration:none;
	color: #000000;
	background: #f2fdca;
	/*background: #f7eae1;*/
	font-weight: 500;
}


a:hover {
	background: #bded15;
}

h1, div.componentheading {
	font-size: 22px;
}

/*
h2, div.contentheading {
*/

.page-header h2 {
	/* font-size: 18px; */
	font-size: 2.1em;
	font-family: 'Didact Gothic', sans-serif;
	/*background: #96bf28 url(http://localhost/tournonj336/images/maquette/fondtiitredepage-vert.gif);*/
	background: #97979c url(http://localhost/tournonj336/images/maquette/fondtitredepage-gris.gif);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
	margin-top: 80px;
	margin-left: 4%;
	margin-right: 0;
	margin-bottom: 4%;
	padding: 6%;
	padding-top: 2%;
	text-align: center;
	color: #ffffff;
}

.page-header h2 a{
background: none;
}

#entete a{
background: none;
}
#accessibilitetexte a{
background: none;
}
#menu-contact a{
background: none;
}
#plandetournon a{
background: none;
}
#partageinfo a{
background: none;
}
#travaux a{
background: none;
}
h3{
	/* font-size: 18px; */
	font-size: 1.2em;
	/*font-family: 'Didact Gothic', sans-serif;*/
	/*margin-top: 80px;
	margin-left: 0%;
	margin-right: 66%;
	margin-bottom: 0px;
	padding: 2%;
	padding-top: 4%;
	text-align: center;*/
	color: #89a639;
}

/*
h2 a {
*/

.page-header a {
/*background: #97979c;*/
color: #ffffff; 
/* color: #444444; */
text-decoration: none;
}
.page-header a:hover {
/*background: #97979c;*/
color: #ffffff; 
/* color: #444444; */
text-decoration: none;
}

/*h3 {
	font-size: 16px;
}
*/
.button, button, input.btn {
    border: none;
	background: #ed932d;
	color: #ffffff;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

.button:hover, button:hover, input.btn:hover {
	background: #d7391f;
}

.invalid {border: red;}

/* paramétrage des formulaires de contact */                
input.inputbox, .registration input, .login input, .contact input, .contact textarea, textarea.textarea, 
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 {
    border: none;
	/* border: #ffffff 1px solid; */ 
	color: #666666;
	padding: 4px;
	text-align: left;
	background: #bbbbbb;
	width: 65%;
}

 input[type="search"]{
 background: #eeeeee;
 }

input:focus, input.inputbox:focus, .registration input:focus, .login input:focus, .contact input:focus, .contact textarea:focus, textarea.textarea:focus, .contact 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 {
	/* border: #000000 1px solid; */
	color: #000000;
	background: #ffffff;*/
}


/* couleur de fond pour les formulaires rsform pro */
input.rsform-input-box, textarea.rsform-text-box{
/*background: #f18f4e;*/
background: #bbbbbb;
}
/* couleur de fond pour les formulaires rsform pro activés*/
input.rsform-input-box:focus, textarea.rsform-text-box:focus{
background: #ffee93;
color:#000000;
}
/* couleur des boutons pour les formulaires rsform pro*/
.btn-primary{
background: #d98423;
}
.btn-primary:focus{
background: #f29f40;
}
.btn-primary:hover{
background: #f29f40;
}
/*
input.rsform-input-box.valid{
background: #ffee93;
color:#666666;
}
input.rsform-input-box.valid:focus{
background: #bbbbbb;
color:#000000;
}
*/
/* */


#contactbascol1 {
color: #ffffff;
}

#wrapper > div.inner {
	background: #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	box-shadow: #a1a1a1 0px 0px 4px 4px;
	-moz-box-shadow: #a1a1a1 0px 0px 4px 4px;
	-webkit-box-shadow: #a1a1a1 0px 0px 4px 4px;
}

#entete > div.inner {
	margin: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#visuel-liste-actu .n1 > .flexiblemodule { width: 100%; }
#visuel-liste-actu .n2 > .flexiblemodule { width: 40%; }
#visuel-liste-actu .n2 > .flexiblemodule + div { width: 60%; }

#visuel-liste-actu > div.inner {
	margin-top: 20px;
}

@media screen and (orientation:portrait) {
#visuel-liste-actu > div.inner {
	margin-right: 2%;
	margin-left: 2%;
}
}

#visuelactu > div.inner {
	margin-right: 7%;
	margin-left: 7%;
	padding-top: 20px;
}


#listeactu > div.inner {
	padding-top: 50px;
	/*padding-right: 4%; */
	padding-left: 4%;
}

@media screen and (orientation:portrait) {
#listeactu > div.inner {
	padding-left: 4%;
	padding-right: 4%;
}
}

#travaux-evenements .n1 > .flexiblemodule { width: 100%; }
#travaux-evenements .n2 > .flexiblemodule { width: 23%; }
#travaux-evenements .n2 > .flexiblemodule + div { width: 77%; }

#travaux-evenements > div.inner {
	margin: 0px;
}

#travaux > div.inner {
	padding-top: 60px;
	padding-right: 10%;
	padding-left: 10%;
}

#evenements > div.inner {
	padding-top: 20px;
	padding-right: 4%;
	padding-left: 4%;
}

#position-libre4 > div.inner {
	padding-right: 60px;
}

#maincontent > div.inner {
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
}

#center > div.inner {
	padding: 10px;
}

#partageinfo > div.inner {
	margin-bottom: 40px;
	padding-right: 10%;
}

#trianglemenubas > div.inner {
	background: #43433b;
	margin: 0px;
	padding: 0px;
}
#menu-contact .n1 > .flexiblemodule { width: 100%; }
#menu-contact .n2 > .flexiblemodule { width: 67.6%; }
#menu-contact .n2 > .flexiblemodule + div { width: 32.4%; }

#menu-contact > div.inner {
	background: #43433b;
	margin: 0px;
	padding: 0px;
}

#menubas > div.inner {
	padding-top: 0px;
	padding-right: 2%;
	padding-left: 2%;
}

#nouscontacter > div.inner {
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 5%;
	padding-bottom: 0px;
	padding-left: 5%;
}

#plandetournon > div.inner {
	background: #43433b;
}

/* mettre la valeur à 0 pour que le bandeau alerte soit "masqué" quand il n'y a pas de message sinon 100 ou 200 soit la hauteur du bandeau*/
#wrapper2 > div.inner {
	padding-top: 	0px;
}

/* configuration des liens de l'encart travaux */

#travaux a {
	color: #303030;
	font-size: 0.85em;
}
#travaux a:hover {
	color: #303030;
	background: #fac744;
}

/* configuration des liens de l'encart idhttourisme */

#idhttourisme a {
	color: #554744;
}
#idhttourisme a:hover {
	color: #ffffff;
	background: #e9510f;
}

/* configuration des liens de l'encart idhttourisme */

#idchateau a {
	color: #554744;
}
#idchateau a:hover {
	color: #ffffff;
	background: #e9510f;
}

#nouscontacter {
color: #ffffff;
}


/* masquer le descriptif dans les vignettes défilantes de l'actu */

.camera_caption_desc {
display: none ;
}



/* configuration du titre Agenda pour le détail d'un évènement du module JEvents */


#jevents_header h2 {
	font-size: 2.1em;
	font-family: 'Didact Gothic', sans-serif;
	background: #97979c url(http://localhost/tournonj336/images/maquette/fondtitredepage-gris.gif);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
	margin-top: 80px;
	margin-left: 4%;
	margin-right: 0;
	margin-bottom: 1%;
	padding: 6%;
	padding-top: 2%;
	text-align: center;
	color: #ffffff;
}


/* configuration de la page Agenda pour le détail d'un évènement du module JEvents */

#jevents_body {
margin-left: 10%;
margin-right: 10%;
width: 90%;
}
.contentheading h2{
font-size: 1em;
font-weight: bold;
color: #89a639;
}
/* configuration des vignettes des prochains évènements JEvents */


.mod_events_latest_first, .mod_events_latest{
/*overflow: hidden;*/
background: #ffffff;
border: 8px solid #ffffff;
/* border-radius: 6px; */
padding: 6px;
/*margin: 10px;*/
}

td.mod_events_latest_first, td.mod_events_latest{
border-color: #ffffff;
border: 0px
}

.mod_events_latest_first a, .mod_events_latest a{
/*color: #2eb1c1;*/
font-weight: bold;
font-size: 0.9em;
background: #ebebeb;
margin-left: 10px;
}
@media screen and (orientation:portrait) {
.mod_events_latest_first a, .mod_events_latest a{
font-size: 0.8em;}
}
.mod_events_latest_date {
background: #2eb1c1;
color: #ffffff;
float: left;
border-radius: 6px;
font-weight: bold;
font-size: 1.1em;
width: 60px;
height: 40x;
padding: 5px;
}
table.mod_events_latest_table.jevbootstrap {
border-collapse: separate;
}


/* configuration des pages 2 colones responsives */

#l1marge1{
clear:left;
float:left;
width:10%;
/*background: #ed7a00;*/
}
#l1encart1{
float:left;
width:40%;
/*background: #cfd0d0;*/
}
#l1marge2{
float:left;
width:5%;
/*background:#ff0000;*/
}
#l1marge3{
float:left;
width:5%;
/*background:#ff78ff;*/
}
#l1encart2{
float:left;
width:30%;
/*background: #84c1ff;*/
}
#l1marge4{
float:left;
width:10%;
/*background: #00ca00;*/
}
#l1encart1 a {
text-decoration:none;
color: #303030;
background: #f2fdca;
font-weight: 500;
}
#l1encart1 a:hover {
background: #bded15;
font-weight: 500;
}
#l1encart2 a {
text-decoration:none;
color: #303030;
background: #e6e6e6;
}
#l1encart2 a:hover {
color: #ffffff;
background: #e65317;
}

/* configuration des pages 2 colones responsives */
/* en tout petit 3 colonnes à 100% les unes au-dessous des autres */

@media screen and (orientation:portrait) {
#l1marge1 {
width:8%;
}
#l1encart1 {
width:84%;
}
#l1marge2 {
width:8%;
}
#l1marge3 {
clear: left;
width: 8%
}
#l1encart2 {
width:84%;
}
#l1marge4 {
width:8%;
}
}

/* configuration des images de l'actualité */
#imageataillevariable img {
width: 65%; display: block; margin-left: auto; margin-right: auto;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px%;

}
/* configuration des images de l'actualité en portrait */
@media screen and (orientation:portrait) {
#imageataillevariable img {
width: 100%; display: block; margin-left: auto; margin-right: auto;
}
}

/* configuration des images format affiche verticale */
#imageafficheverticale img {
width: 35%; display: block; margin-left: auto; margin-right: auto;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px%;

}
/* configuration des images format affiche verticale en portrait */
@media screen and (orientation:portrait) {
#imageafficheverticale img {
width: 75%; display: block; margin-left: auto; margin-right: auto;
}
}


/* configuration des images format affiche verticale dans encart */
#imageafficheverticale2 img {
width: 65%; display: block; margin-left: auto; margin-right: auto;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px%;

}
/* configuration des images format affiche verticale dans encart en portrait */
@media screen and (orientation:portrait) {
#imageafficheverticale2 img {
width: 75%; display: block; margin-left: auto; margin-right: auto;
}
}


/* configuration de l'encart slideshow en responsive */
#slidedetournonengrand {
margin-left: auto;
  margin-right: auto;
  width: 80%;
}
/* en tout petit 3 colonnes à 100% les unes au-dessous des autres */
@media screen and (orientation:portrait) {
#slidedetournonengrand {
width: 100%;
}
}

/* configuration du menu de bas de page ---- nos services ---- */

/*
#menubas {
  font-size: 1.1em;
  }
*/
  
#menusbascol1 h2, #menusbascol2 h2, #menusbascol3 h2, #menusbascol4 h2{
color:#9ebf32;
font-size: 0.8em;
font-weight:bold;
font-family: Segoe UI, sans-serif;
}

#menusbascol1 ul, #menusbascol2 ul, #menusbascol3 ul, #menusbascol4 ul{
font-family: Verdana, Arial, sans-serif;
font-size: 0.8em;
line-height: normal;
color: #c8c8c8;
font-weight: normal;
list-style-type:square;
}
#menusbascol1 a, #menusbascol2 a, #menusbascol3 a, #menusbascol4 a{
color:#c8c8c8;
text-decoration:none;
}

#menusbascol1 a:hover, #menusbascol2 a:hover, #menusbascol3 a:hover, #menusbascol4 a:hover{
color:#f3a144;
text-decoration:none;
}

/* augmentation de la taille du texte dans le menu en mode portrait */
@media screen and (orientation:portrait) {
#menubas {
  font-size: 1.2em;
  }
}
/* changement des intitulés des rubriques du menu en mode portrait */
@media screen and (orientation:portrait) {
#menusbascol1 h2, #menusbascol2 h2, #menusbascol3 h2, #menusbascol4 h2{
color:#43433b;
font-size: 0.9em;
font-weight:bold;
background: #93b033;
text-align: center;
}
}



/* suppression de l'ancienne colonne contact à droite du menu */
#nouscontacter {
	display :none;
}

/* pour éviter les débordements */
#menu-contact .n2 > .flexiblemodule{
width: 100%;
}
#plandetournon .n2 > .flexiblemodule{
width: 100%;
}

.button, button, input.btn {
width:66%;
}

.conteneurelusrefs {
   background-color: red;
   position: relative;
   width: 80%;
   padding-top: 28%; /* 1:1 Aspect Ratio */
    padding-bottom: 28%; 
}

.frameelusrefs {
   position:  absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   text-align: center;
   font-size: 20px;
   color: white;
  height: 100%;
  width: 100%;
}