div,ul,h1,h2,h4,h5
{margin:0;
padding:0;
}
body{
background-color:#CCCCCC;
}
	.calage { display: inline ; float: left; width: 175px; font-weight: bold ; margin-left: 45px;}
.ext {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #ffffff;
	border: 1px solid #999966;
	width:167px;
	margin-left: 220px;
	}
	fieldset {background-color:#CCCCCC;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
    color:#000;
	border: thin solid #cc6633;
	padding-top:8px; padding-bottom:8px;
	}
.Style3 {
	font-weight:bold;
    font-size:12px;
	color: #990000;
	text-align:center;
}
.Style4 {		/*astérisque pour  page contact*/
	font-weight:bold;
    font-size:18px;
	color: #990000;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #ffffff;
	border: 1px solid #999966;
	width:167px;
	}
input.text:focus
{background: #ccc;	}
	ul {list-style-type:none;}
		li a:link,li a:active, li a:visited {text-decoration:none;}
		li a:hover {text-decoration:underline;color:#006600;}
li a{font-family:verdana,sans-serif;
color:#fffdc5;
font-size:12pt;
font-weight:bold;
}
li{
display:block;
float:left;
margin-right:40px;padding-top:2px;
}
a.lien2:link, a.lien2:active, a.lien2:visited{   /*liens appart & studio*/
color:#006600;
text-align:center;
font-size:12pt;
font-weight:bold;
text-decoration:underline;
display:block;
width:100px;
padding:0 15px;
margin-left:40px;
}
a.lien2:hover{         /*liens appart & studio*/
color:#a60805;
text-align:center;
font-size:12pt;
font-weight:bold;
text-decoration:none;
}
a.lien3:link, a.lien3:active, a.lien3:visited{   /*liens appart & studio*/
color:#006600;
font-weight:bold;
text-decoration:underline;
}
a.lien3:hover{         /*liens texte index*/
color:#a60805;
font-weight:bold;
text-decoration:none;
}
h2{
font-weight:bold;
color:#a60805; /*locations de meublé & titres des news,appart, studio, loisirs...*/
font-size:11pt;
font-family:verdana,sans-serif;
text-align:center;
margin-bottom:20px;
}
h4
{color:#000000;   /*crin blanc*/
font-size:7pt;
font-family:verdana,sans-serif;
text-align:center;
}
p{color:#000000;
font-size:9pt;
font-family:verdana,sans-serif;
line-height:25px;
text-align:justify;
}
.texte{font-size:9pt;
font-family:verdana,sans-serif;
text-indent:30px;
}
.grostexte{  /*texte en rouge*/
color:#a60805;
font-size:11pt;
font-weight:bold;
}
#pere{border: 1px solid #000;
width:900px;
margin:auto;
background-color:#fffdc5;
}
h1{font-family:Verdana, Arial, Helvetica, sans-serif; /*bande haute*/
color:#8f7c5a;
font-size:14pt;
text-align:center;
font-weight:bold;
font-style : italic;
padding-top:8px;
text-decoration: underline;

}
#bande{width:900px;
height:40px;
}
#haut{width:900px;         /*--bandeau haut--*/
margin:auto;
background:url(images/haut.gif) repeat-x;
}
#bandeau{
width:900px;
height:233px;
}
#flash {width:890px;
height:211px;
float:left;
margin-top:5px;
margin-left:3px;
}
.dates{margin-left:30px;/*date du jour en étranger*/
font-size:11pt;
color:#7a6a4d;
}                           /*--FIN bandeau haut--*/
#arene{
width:890px;
height:235px;
background:url(images/arene.jpg) no-repeat left center;
margin-left:10px;
}
#liens{            /*--NAVIGATION--*/
width:815px;
height:30px;
padding-left:85px;
}
#menu{                /*--colonne de gauche--*/
width:194px;
float:left;
margin-top:10px;
margin-left:10px;
}
#flag{         /*drapeaux*/
display:block;
margin-left:60px;
}
		a img{border:none;}
#info{width:194px;                /*--lien vers page news / Animations  Festivités--*/
background:#fff;
border:2px solid #7a6a4d;   -moz-border-radius: 10px;
margin-top:10px;
}
a.Style:link, a.Style:active, a.Style:visited {
    text-decoration:none; /*--lien vers page news / Animations  Festivités--*/
	font-weight:bold;
    font-size:16pt;
	color:#006600;	
		} 
a.Style:hover{         
color:#a60805;
font-size:16pt;
font-weight:bold;
text-decoration:none;
}					/* Tableau des saisons */
#saison{width:194px;
height:29px;
	}	
#saisons{width:194px;
height:92px;
	}	
#saison_basse{width:194px;
font-size:10pt;
font-family:verdana,sans-serif;
text-align:center;
height:50px;
background:#d9ef9f;
border:2px solid #000000;
font-weight:bold;
}
#saison_moyen{width:194px;
font-size:10pt;
font-family:verdana,sans-serif;
text-align:center;
height:50px;
border:2px solid #000000;
margin-top:21px;
font-weight:bold;
}
#saison_haute{width:194px;
font-size:10pt;
font-family:verdana,sans-serif;
text-align:center;
height:50px;
background:#f55a40;
border:2px solid #000000;
margin-top:21px;
font-weight:bold;
}				     /* FIN Tableau des saisons */	
#croit{background:url(images/croix.gif) no-repeat center;      /*--page index--*/
height:145px;
}
#meteo{margin-left:26px;
margin-top:15px; 
margin-bottom:10px;
}
#met{margin-left:21px;
margin-top:15px; 
}
#taut  {background:url(images/tau.jpg) no-repeat bottom;             /*--page studio--*/
height:197px;
width:194px;
border:1px solid #000000; 
}
#banndido{background:url(images/banndido.jpg) no-repeat bottom;      /*--page contact--*/
height:199px;
border:1px solid #000000;
width:192px; 
}
#crin{background:url(images/crin.jpg) no-repeat bottom;     /*--pages appartement et loisirs--*/
height:197px;
border:1px solid #000000;
width:194px; 
 }
#flamant{background:url(images/flamant.jpg) no-repeat ;     /*--page news--*/
height:129px;
border:1px solid #000000;
width:194px; 
} 
#situation{background:url(images/car.jpg) no-repeat;width:158px;border:2px solid #7a6a4d;-moz-border-radius: 10px;height:22px;margin-bottom:15px;margin-left:135px;margin-top:5px;}/*localisation*/
#centre{
width:415px;
float:left;
margin-top:15px;
margin-left:30px;
}
#centre1{  /*--page NEWS--*/
width:663px;
float:left;
margin-top:15px;
margin-left:15px;
border:1px dashed #a60805;
}
#reserve{width:663px;  /*--page NEWS: texte sous réserve de modifications--*/
float:left;
margin-top:15px;
margin-left:15px;
text-align:center;
}
#bannier{width:400px;  /*--page liens Bannière--*/
border:1px solid #000;
background:#fff;
}
#bann{width:400px;       /*--page liens Bannière--*/
height:100px;
background:url(images/banniere.jpg) no-repeat center;
}
#code{width:400px;       /*--page liens Bannière--*/
text-align:center;
font-size:12pt;
font-family:verdana,sans-serif;
color:#000;
}
#renseigner{color:#000;  /*--page contact--*/
width:415px;
font-size:9pt;
font-family:verdana,sans-serif;
text-align:center;
margin-top:10px;
}
#tarif{
font-family:verdana,arial;      /*--page tarif--*/
font-size:9pt;
font-weight:bold;
color:#000;
text-align:center;
border:1px solid #000;
}
#loc{                             /*--page tarif--*/
margin-top:65px;
margin-bottom:30px;
font-family:verdana,arial;
font-size:9pt;
font-weight:bold;
text-align:center;
}
#verticaldroit{ /*--photos cigaloun & cambon--*/
float:left;
width:208px;
margin-top:10px;
margin-left:30px;
text-align:center;
}
#photoappart{width:193px;
background:url(images/apparte.jpg) no-repeat;     /*--page index tarif contact loisirs partenaires--*/
background-position:center;
height:114px;
background-position:center;
border:1px solid #000000; 
margin-top:10px;
}
#photostudio{width:193px;
background:url(images/cambon2.jpg) no-repeat;    /*--page index tarif contact loisirs partenaires--*/
background-position:center;
height:202px;
margin-top:30px;
border:1px solid #000000; 
}
#table{width:189px;
background:url(images/table.jpg) no-repeat;   /*--page appart--*/
height:160px;
background-position:center;
margin-top:20px;
border:1px solid #000000;
}
#chambre{width:189px;
background:url(images/chambre.jpg) no-repeat;     /*--page appart--*/
background-position:center;
height:154px;
margin-top:20px;
border:1px solid #000000;
}
#sejour{width:189px;
background:url(images/sejour_studio.jpg) no-repeat;     /*--page studio--*/
height:142px;
background-position:center;
margin-top:10px;
border:1px solid #000000;
}
#studio_chambre{width:189px;
background:url(images/chambrestudio.JPG) no-repeat;
height:146px;
border:1px solid #000000;}

#terrasse{width:189px;
background:url(images/terrass.jpg) no-repeat;      /*--page studio--*/
background-position:center;
height:151px;
margin-top:20px;
border:1px solid #000000;
}

#basdepage{          /*--Lien Bas des Pages--*/
width:900px;
height:20px;
clear:both;
padding-top:20px;
text-align:center; 
}
#liens2{            /*--NAVIGATION BASSE--*/
width:815px;
height:21px;
padding-left:85px;
background:#7a6a4d;
}
#pieddepage{          /*--Bas des Pages--*/
width:900px;
clear:both;
background:url(images/pied.gif) repeat-x;
}
#nom
{color:#fffdc5;      /*Monsieur  / bas de page*/
font-size:7pt;
font-family:verdana,sans-serif;
text-align:center;
padding-top:20px;
}
#web
{color:#000000;   /*webmaster / bas de page*/
font-size:7pt;
font-family:verdana,sans-serif;
text-align:center;}
 /*début page meteo*/
#carte{background:url(images/carte.jpg) no-repeat;     
background-position:center;
height:225px;
}
#aeroport{width:193px;		
margin-top:15px;
border:1px dashed #006600;
font-size:10px;
font-family:verdana,sans-serif;
text-align:left;
padding-left:6px;
padding-bottom:8px;
}
#voiture{width:193px;		
margin-top:20px;
border:1px dashed #006600;
font-size:9px;
font-family:verdana,sans-serif;
text-align:left;
padding-left:6px;
padding-bottom:8px;}	/*fin page meteo--*/
a {	outline: none;}  /* masquer les contours pointillé sur les liens*/
:focus {	-moz-outline-style: none;}
.imcode{ border:1px dashed #990000;} /*contact (img)  */
/*  Message version mobile */
@media (max-width: 640px){ 
body:before { content: "Smartphone - Version mobile:  www.cigaloun.com"; font-size:14pt; display: block; color: #777; text-align: center; font-style: italic; }
	#pere{border:none;} #form1{ width:460px;}
h1{font-family:verdana,sans-serif; color:#000; font-size:10pt; text-align:center; font-weight:bold; } 
li a{font-family:verdana,sans-serif; color:#000; font-size:8pt; font-weight:bold;margin-left:6px; border:1px solid #fffdc5;}  
	#liens, #liens2{ padding-left:0px;} #liens{height:25px;}  
body,#pere, #bande, #haut,#bandeau, #centre, #centre1, #reserve, #verticaldroit, li, #liens, #pieddepage, #liens2{
    width: auto; margin: auto; padding: auto; } /* Éléments de largeur fixe en largeur automatique */
	#heure, #menu, #flash, #verticaldroit, .visibility , .saintes{ display: none !important; } /* Masque éléments  */
	#bandeau{background:url(images/bannieres.jpg) no-repeat center;padding-top:50px;height:120px;}
 	#renseigner{font-size:11px;   max-width: 100% !important; }
.Style3 {font-size:10px;}
   	#basdepage{ height:75px; width:300px; border:2px solid #006600; clear:both; text-align:center; margin: auto !important;
	        padding: 8px;  -moz-border-radius: 20px; }  /*--LiensBas des Pages--*/ 
	#calages{clear:both; height:20px;}	/* div_au basdu centre_page contact */
	#photoap{background:url(images/appartements.jpg) no-repeat center; height:138px;}/*banniere_appart*/
	#photostudio1{background:url(images/studios.jpg) no-repeat center; height:138px;}/*banniere_studio*/
a.appel:link, a.appel:active, a.appel:visited{color:#fffdc5;}
a.appel:hover{color:#a60805; font-size:12pt; font-weight:bold; text-decoration:none;} /* N°_tel_mobile*/
}