/* CSS issu des tutoriels css.alsacreations.com */
html, body {
width: 100%;
height: 100%;
}
body {
margin: 0;
margin-top:0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-image:url("../images/fond_header.png") ; 
background-repeat: repeat; 
}
.conteneur { /*le conteneur global du site, qui sera centré */
	width: 100%;
	height: 100%;
	position: absolute;
}
.justify
{text-align:justify}
.header {
height: 20%;
background-color: #99CCCC;
}

.frame {
width: auto;
height: 65%;
left:2px;
bottom:0px;
right:2px;
top:2px;
background: url(../images/fond_frame.png) no-repeat bottom right;
background-color:#FFFFFF;
}
.frame a {
color:#000000;
text-decoration:underline;
}
.frame a:hover {
color:#000000;
text-decoration:none;
}
.frameresa {
width: auto;
height: 65%;
left:2px;
bottom:0px;
right:2px;
top:2px;
background: url(../images/fond_frameresa_en.png) no-repeat bottom right;
background-color:#FFFFFF;
}
.framettour {
width: auto;
height: 65%;
left:2px;
bottom:0px;
right:2px;
top:2px;
background: url(../images/fond_framettour_en.png) no-repeat bottom right;
background-color:#FFFFFF;
}
.framectour {
width: auto;
height: 65%;
left:2px;
bottom:0px;
right:2px;
top:2px;
background: url(../images/fond_framectour_en.png) no-repeat bottom right;
background-color:#FFFFFF;
}
.framettoulouse {
width: auto;
height: 65%;
left:2px;
bottom:0px;
right:2px;
top:2px;
background: url(../images/fond_framettoulouse_en.png) no-repeat bottom right;
background-color:#FFFFFF;
}
.frametblagnac {
width: auto;
height: 65%;
left:2px;
bottom:0px;
right:2px;
top:2px;
background: url(../images/fond_frametblagnac_en.png) no-repeat bottom right;
background-color:#FFFFFF;
}
.framelang {
width: auto;
height: 65%;
left:2px;
bottom:0px;
right:2px;
top:2px;
background: url(../images/fond_framelang_en.png) no-repeat bottom right;
background-color:#FFFFFF;
}
.frametlabege {
width: auto;
height: 65%;
left:2px;
bottom:0px;
right:2px;
top:2px;
background: url(../images/fond_frametlabege_en.png) no-repeat bottom right;
background-color:#FFFFFF;
}
.framecomp {
width: auto;
height: 65%;
left:2px;
bottom:0px;
right:2px;
top:2px;
background: url(../images/fond_framecomp_en.png) no-repeat bottom right;
background-color:#FFFFFF;
}
.framedevis {
width: auto;
height: 65%;
left:2px;
bottom:0px;
right:2px;
top:2px;
background: url(../images/fond_framedevis_en.png) no-repeat bottom right;
background-color:#FFFFFF;
}
.framepds {
width: auto;
height: 65%;
left:2px;
bottom:0px;
right:2px;
top:2px;
background: url(../images/fond_framepds_en.png) no-repeat bottom right;
background-color:#FFFFFF;
}
.frametcolis {
width: auto;
height: 65%;
left:2px;
bottom:0px;
right:2px;
top:2px;
background: url(../images/fond_frametcolis_en.png) no-repeat bottom right;
background-color:#FFFFFF;
}
.framesociete {
width: auto;
height: 65%;
left:2px;
bottom:0px;
right:2px;
top:2px;
background: url(../images/fond_framesociete_en.png) no-repeat bottom right;
background-color:#FFFFFF;
}
.frameaccueil {
width: auto;
height: 65%;
left:2px;
bottom:0px;
right:2px;
top:2px;
background: url(../images/fond_frameaccueil_en.png) no-repeat bottom right;
background-color:#FFFFFF;
}
.frameliens {
width: auto;
height: 65%;
left:2px;
bottom:0px;
right:2px;
top:2px;
background: url(../images/fond_frameliens_en.png) no-repeat bottom right;
background-color:#FFFFFF;
}
.framelocal {
width: auto;
height: 65%;
left:2px;
bottom:0px;
right:2px;
top:2px;
background: url(../images/fond_framelocal_en.png) no-repeat bottom right;
background-color:#FFFFFF;
}
.framelocal a {
color:#000000;
text-decoration:underline;
}
.framelocal a:hover {
color:#000000;
text-decoration:none;
}
.frameoverflow {
width: auto;
height: 100%;
left:0px;
bottom:0px;
right:0px;
top:0px;
overflow:auto;
}

p {margin: 2px 3px 2px 3px;}
.menuhaut {
height: 20px;
list-style-type: none;
margin: 0;
padding:0;
background-color:#ffcc33;
}
.menuhaut li {
display:inline;
}
.menuhaut a {
float: left;
margin: 0 2px;
padding: 1px 15px;
text-align: center;
border: 1px solid #000000;
text-decoration: none;
color: #ffcc33;
background: #000000;
}
.menuhaut a:hover {
background: #ffcc33;
color: #000000;
border: 1px solid ffcc33; 
}
.plansite a {
color:#000000;
text-decoration:underline;
}
.plansite a:hover {
color:#000000;
text-decoration:none;
}
.paglink a {
background-color:#FFFFFF;
font-size:1em;
color:#000000;
text-decoration:underline;
}
.paglink a:hover {
background-color:#FFFFFF;
font-size:1em;
color:#000000;
text-decoration:none;
}
.mcle a {
color:#000000;
text-decoration:none;
}
.mcle a:hover {
background-color:#FFFFFF;
color:#000000;
text-decoration:none;
}
.circuittour {
color:#000000;
text-decoration:none;
font-size:1.65em;
}
.piedlink a {
color:#000000;
text-decoration:underline;
}
.piedlink a:hover {
color:#000000;
text-decoration:none;
}
#pied {
bottom:0;
text-align:center;
height: 6%;
background-color:#ffcc33;
}
.fontheader {
	height: 140px;
	background-image:url("../images/fond_header.png") ; 
    background-repeat: repeat;
	font-weight: bold;
	text-align:center;
}
.sizetitre {
	font-size: 6em;
	color:#FFFFFF;
	vertical-align:middle;
 
}
.sizesoustitre {
	font-size: 1em;
}
.font{
font-size: 1.65em;
}
.fontpls{
font-size: 1.30em;
}
.comments{
font-weight:bold;
color:#FF0000;
font-size:0.9em;
font-style:italic;

}
.bold{
font-weight:bold;
color:#0000FF;
}
.bold a {
text-decoration:none;
}
.bold a:hover {
text-decoration:none;
}
#contenutable{
	  position:absolute;
     left: 50%; 
     top: 50%;
     margin-top: -30px; /* moitié de la hauteur de l'image */
     margin-left: -23px; /* moitié de la largeur de l'image */
 } 
.circuittour li {
    list-style-image: url(images/fleche.gif);
   }