
/* logo calibri light 36 location de vacances gris 50%
Brush Script MT 80 Maison de vacances gris25%
iles d'oleron noir
*/
/* theme couleur
menu 
#menu-wrap {
  background-color: #eee;}*/
  /* style the top level hover */
  /* menu sections with children */
  /* style sections from the dropdown menus */
  /* #menu-wrap ul {
  background-color: #5798d0;*/
  /* style the links for the top level */

/*
.box {        display: flex;        flex-wrap: wrap;    }
.box>* {        flex: 1 1 1010px;    }

div.photo  {        border: 2px dotted #000000;      }

*/

/* container de base avec fond gris sur toute la largeur de l'ecran
*/



/*header en 3 parties*/
/*bandeau gris texte blanc titre sur la gauche liens FR EN reseaux sociaux sur la droite dont airbnb et telephone*/
/*logo en logo-foulerot-2023-HORIZ-334px x100px + menu */
/*photo de presentation en header-01_1434x291 */









/*containerprincipal*/
/*création class pour definir la largeur max */
.containerprincipal{position:relative;width:100%;margin:0 /*auto*/;padding:0px 0px;clear:both} 
.containerprincipal{max-width:1210px}

/*SECTION1 */
/*création class pour gerer les colonnes sur differents ecrans */

.colonnesection1{/*columns:2;*/ /*max-width:1210px;*/ width:100%;
column-width:499px; padding:10px 0px 10px 0px;}

/* container standard sans fond sur toute la largeur de l'ecran*/
.container{position:relative;width:100%;margin-bottom: 20px; /*margin:0 auto;*/ padding:0px 0px 0px 0px;clear:both} 
.container{max-width:1010px}

/* container interieur sans fond sur la largeur disponible de l'ecran*/
.containerint{position:relative;width:100%;margin-bottom: 20px;/*margin:0 auto;*/ padding:0px 0px 0px 0px;clear:both} 
.containerint{max-width:1010px}


/*SECTION2 */
/*création class pour gerer les colonnes sur differents ecrans */

.colonnephoto{
column-width:350px; }/* tous les multiple de 350px creation d'une colonne. columns: 3 pour un ecran pc et une seule colonne pour ecran telephone */

/*création class pour un container d'image */

div.fenetrephoto  { height: 100%;
    	width: 320px; /* container initial width */
	border: 2px solid gold;margin-left: 2px ;padding:2px 0px 0px 0px;}
img.fenetrephoto  {
        width:400px; /* image initial width */
	max-height : 100%
	}
/*header.fenetrephoto {  text-align: center;font-family: "Dancing Script" ;font:1em;} */

footer#DScenter {text-align:center;font-family: "Dancing Script",Helvetica,Arial,sans-serif ;font-style: normal;font-size:13px;}

/* h3#test {text-align: center;font: 2em;}*/
#DSitalic {text-align: left;padding-left: 5px;font-family: 'Dancing Script' ;font-style: italic;font-size:14px/1.5em;} /* font-family: 'Dancing Script' ; font:bold 1.5em;*/
#DSnormal {text-align: left;padding-left: 5px;font-family: "Dancing Script" ;font-style: normal;font-size:13px/1.5em;} /* font-family: 'Dancing Script' ; font:bold 1.5em;*/


.legendephoto
{text-align: left; font-style: italic;font:14px/1.65em "Dancing Script","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;color:#777;}
 /*
*/

 /*Footer*/
 /*en 2 parties*/
 /*fond gris 50% copyright texte blanc+ liens mentions legales + createur*/
 /*fond gris 50%  FR + EN*/

.containerhautbas{position:relative;width:100%;margin:0 auto;padding:0px 0px;clear:both} 
.containerhautbas{max-width:100%}
.containerhautbas{background-color:#8a9399} /* grey 50% #808080    silver 25% #C0C0C0  darkgrey 34% #A9A9A9  text black #000000 white #FFFFFFF */
#fonthautbas{color:#FFF}
#DSnormalfooter {text-align: left;padding-left: 5px;color:#FFFFFF ;font-family: "Dancing Script" ;font-style: normal;font-size:13px/1.5em;} 
