/* 
---------------------------------------------------------------
---------------------------------------------------------------
Document CSS revu et corrigé par PiT (triskaidekapit@gmail.com)
---------------------------------------------------------------
---------------------------------------------------------------
*/



/* General */
body {
	background-color: #F7E7A9;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

/* Structuration */

#principal {
	position: relative; 
    margin: 23px auto 0 auto;
    width: 672px;
	height:800px;
	z-index:2;
	background-color: #F7E7A9;
	border: 1px none #000000;
}

#contenu {
	position: absolute;
	left:99px;
	top:240px;
	z-index:10;
	width: 569px;
	height: 581px;
}

#formcontact {
	position:absolute;
	left: 105px;
	top: 225px;
	width: 567px;
	height: 571px;
}

#actu_php {
	position:absolute;
	left: 261px;
	top: 248px;
	width: 567px;
	height: 571px;
	text-align:center;
	z-index:5;

}

#points {
position:absolute; left:-93px; top:171px; width:94px; height:232px; z-index:3;
}

#header {
position:absolute; left:96px; top:0px; width:576px; height:224px; z-index:1;
}

#cit_chapo {
position:absolute; left:16px; top:161px; width:361px; height:51px; z-index:1;
}

#accueil {
position:absolute;
left:25px;
top:151px;
width:53px;
height:18px;
z-index:4;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
}

#news {
	position:absolute;
	top: 259px;
	left: 99px;
	margin-left: 10px;
	width: 300px;
	z-index:100;
	height: 489px;
}
#mozaique {
position:absolute; 
left:123px;
top:299px;
width:203px;
height:205px;
z-index:4;
}

#texte_tech {
position:absolute; left:370px; top:308px; width:242px; height:87px; z-index:5;
}

#texte_illu  {
position:absolute; left:370px; top:426px; width:241px; height:98px; z-index:6;
}

#bas {
position:absolute;
left:1px;
top:570px;
width:44px;
height:41px;
z-index:2;
}

#haut {
position:absolute;
left:2px;
top:216px;
width:55px;
height:76px;
z-index:3;
}

#bandeau {
position:absolute;
left:0px;
top:332px;
width:100px;
height:242px;
z-index:1;
}

#galerie {
	position:absolute; 
	left:24px; 
	top:189px; 
	width:52px; 
	height:18px; 
	z-index:5;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color:#FFFFFF;
}

#artiste {
position:absolute;
left:21px;
top:226px;
width:53px;
height:19px;
z-index:6;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
}

#actu {
position:absolute;
left:14px;
top:265px;
width:61px;
height:18px;
z-index:10;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
}

#autresactivites {
 position:absolute;
 left:4px; 
 top:340px; 
 width:88px; 
 height:49px; 
 z-index:11;
}

#legendeaa {
position:absolute;
left:1px;
top:288px;
width:95px;
height:45px;
z-index:11; 
}

#gites{
position:absolute; left:30px; top:383px; width:38px; height:21px; z-index:12;
}

#stages{
position:absolute; left:27px; top:480px; width:51px; height:21px; z-index:13;
}

#bleu {
	position:absolute;
	left:0px;
	top:0px;
	width:96px; 
	height:100%; 
	z-index:2; 
	background-color: #255297; 
	border: 1px none #000000;
}

/* Lignes de séparation */

.trait_n {
	height: auto;
	width: auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #7E603C;
}

#trait {
position:absolute;
left:338px;
top:282px;
width:13px;
height:252px;
z-index:9;
}

.trait_v {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #36F043;
}

#trait1 {
	position:absolute;
	left:23px;
	top:179px;
	width:50px;
	height:7px;
	z-index:9;
}

#trait2 {
	position:absolute;
	left:23px;
	top:217px;
	width:50px;
	height:11px;
	z-index:8;
}

#trait3{
	position:absolute;
	left:23px;
	top:253px;
	width:50px;
	height:14px;
	z-index:7;
}

/* Elements TEXTE */

.center {
text-align:center;
}

.texte {

	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#sstitre1 {
position:absolute; left:354px; top:283px; width:186px; height:20px; z-index:7;
}

#sstitre2 {
position:absolute; left:354px; top:403px; width:205px; height:21px; z-index:8;
}

.titre {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FE8503;
}

.legende {
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #255297;
	background-position: center;
}

.chapo {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #D92834;
}

.dates {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	margin-right:15px;
}

.sitenuccio {
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

/* Liens */

a.lien1:link {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #F7E7A9;
	text-decoration: none;
}
a.lien1:visited {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #F7E7A9;
	text-decoration: none;
}
a.lien1:hover {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.lien1:active {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}

a.lien2:link {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.lien2:visited {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.lien2:hover {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #F7E7A9;
	text-decoration: none;
}
a.lien2:active {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #F7E7A9;
	text-decoration: none;
}

a.lien3:link {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #255297;
	text-decoration: none;
}
a.lien3:visited {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #255297;
	text-decoration: none;
}
a.lien3:hover {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.lien3:active {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}