@charset "utf-8";
/* CSS swc9 */
body {
background-color:#ddd;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;

}
.PCSS {
position:absolute;
top:133px;
font-size:14px;
font-weight:bold;
text-align:center;
background-color:#FFFF66;
z-index:1;
border-top:4px solid blue;
border-left:4px solid blue;
border-right:4px solid #333399;
border-bottom:4px solid #333399;
padding:8px;
}
/*****************************dvlpt**************************/
div {
/*border:1px solid black;*/
}

#total {

width:800px;
/*height:600px;*/
margin:auto;
/*border:2px solid #000;*/
background-color:#FFFFFF;
min-height:900px;/* a adapter au menu de gauche*/
}
.ie#total {
position:absolute;left:50%;margin-left:-400px;width:800px;top:0px;}

.present {
font-size:10px;
font-weight:bold;
text-align:center;
font-style:oblique;
}
/*#ie#pied {
position:absolute;left:50%;margin-left:-400px;width:800px;top:0px;top:0px}*/
#titre {
/*float:left;*/
/*margin-left:60px;
padding:10px 0 10px;*//*
background-image:url(../images/bgtitre.png);*/
}

/*#clock {
float:right;
position:inherit;
width:170px;
right:0px;
text-align:center;*/
/*background:bottom right url(../images/coin_menu.png);
background-repeat:no-repeat;*/
/*border-right:4px solid #FF0000;
border-bottom:6px solid #ff0000;*/
/*}*/
/*menu gauche*/
/************************************************menu_gauche*******************************/
#menu_gauche {
float:left;
position:inherit;
width:150px;
margin-left:-20px;

padding:15px 10px 20px 15px;
text-align:center;

/*background:bottom right url(../images/coin_menu.png);
background-repeat:no-repeat;*/
/*border-right:6px solid #0ff;*/
}
#menu_gauche hr {
width:75%;
}
#menu_gauche a.rss, #menu_gauche a.rss:hover {
padding:0 40px 0 10px;
background-image:url('../images/rss16x16.jpg');
background-position:right;
background-repeat:no-repeat;
background-color:#FFFFFF;
margin-left:0px;


}
#menu_gauche a img {
border:none;
margin:0px;
}

#menu_gauche.contact {
margin-left:5px;
font-size:14px;
text-align:center;
}
#menu_gauche span.tel {

background-image:url(../images/bgtel.png);
background-repeat:no-repeat;

padding-right:10px;
font-weight:bold;

}
#menu_gauche span.tel img {
border:none;

}
/*******************infobulle statistiques***********************/
#menu_gauche a.info{

	top:3px;
	left:3px;
    background-color:#ccc;
    color:#000;
    text-decoration:none;
	margin-left:0px;
	}

#menu_gauche a.info:hover{z-index:25; background-color:#ff0}

#menu_gauche a.info span{display: none}

#menu_gauche a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'tat a:hover */
 display:block; 
position:absolute;    
    
    top:450px; left:365px; width:19em;padding:10px;
    border-top:none;
border-right:3px solid #333;
border-bottom:3px solid #333;
border-left:none;
    background-color:#fff; color:#000;font-weight:bold;
    text-align: left;
    /*font-weight:none;*//*pas valide, n'existe pas*/
	z-index:50;
    
    
    }
	
#menu_gauche img.logo_ia {margin-left:10px;}
/*******fin infobulle stats**************************/


#menu_gauche span.reduc {
font-size:18px;
color:#FF0000;
font-style:oblique;
text-align:center;
}
#menu_gauche span.reduc img {
/*margin:10px 30px 10px 30px;*/
padding:0px 0px 5px 20px;
/*float:left;*/
border:none;
}

/*******************************fin menu_gauche*********************************/
#dynamique {
padding:0 0 0 170px;
}

#page {

padding:30px 40px 40px 15px;/* x x permet de faire de la marge en bas pour laisser l'arriere plan blanc au menu x*//*jouer avec div total*/
/*margin-left:150px;*/
/*border-right:4px solid #CCCCCC;*/

}
#dynamique h1 {
/*background-image:url(../images/h1.png);
background-repeat:no-repeat;
background-position:left;*/
font-size:30px;
padding:30px 60px 0;
margin-left:0px;
}
#dynamique h2 {
background-image:url(../images/h2.png);
background-repeat:no-repeat;
background-position:left;
padding:20px 40px 0;
margin-left:30px;
}
#dynamique h3 {
background-image:url(../images/h3.png);
background-repeat:no-repeat;
background-position:left;
padding:15px 30px 0;
margin-left:30px;
}
#dynamique hr {
width:75%;
}
#dynamique a img.demo {
float:left;
margin-top:15px;
margin-left:20px;
}
#dynamique div.explic {
margin-left:60px;
font-size:11px;
}
#dynamique span.comment {
font-size:10px;
font-style:italic;
}
#dynamique div.conclu {
margin-top:30px;
margin-left:50px;
font-weight:bold;
}
#pied {
position:absolute;
text-align:center;
left:50%;margin-left:-400px;width:800px;margin-top:0px;
font-size:10px;
font-weight:bold;
}

#menu_h {
position:absolute;
padding:20px 0px 20px 0px;
width:800px;
/*border-top:5px solid #0000FF;
border-left:3px solid #0000FF;*/
background-image:url('../images/bgmenu_h2.png');
background-position:top;
background-repeat:no-repeat;
z-index:100;
}

#clocklink {
position:inherit;
float:right;
right:0px;
top:0px;
z-index:40;}


/****************texte defilant*************/
	#element {

		/*left:100px;

		top:100px;
*/
	/*	color:#ff0000;

		font-size:25px;
*/
		position:inherit;

		width:490px;

	}
.defile {
position: relative;overflow: hidden;width: 150px;height: 15px;

}
#defileH1 {
position: absolute;width:490px;background-color:#fff;
font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;
}
/*****************************************************/
#screenrc {
float:right;
border:none;
}
/*******************infobulle horloge***********************/
#menu_gauche a.horloge{

	top:3px;
	left:3px;
    background-color:#ccc;
    color:#000;
    text-decoration:none;
	margin-left:0px;
	}

#menu_gauche a.horloge:hover{z-index:25; background-color:#ff0}

#menu_gauche a.horloge span{display: none}

#menu_gauche a.horloge:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'tat a:hover */
 display:block; 
position:absolute;    
    
    top:10px; left:160px; width:auto;
    border:1px solid #FFF;
    background-color:#fff; color:#fff;
    text-align: justify;
    /*font-weight:none;*//*pas valide, n'existe pas*/
	z-index:50;
    padding:0px;
    
    }
/*******fin infobulle horloge**************************/
fieldset {
padding:0;
border:none;
margin:0;
}

/*************table tarifs****************************/
table tr td {
border:2px solid #000;
padding:3px;}
table tr td.titre2 {
width:70px;
}

table tr td.titre1 {
text-align:center;
}
/*****************************************
referncement
*****************************************/
a.cache {display:none;}