/*
*******************************************************************
info-kit technologies pour CIT de Roussillon
sujet:					modele de page 
cree par:				andre houde
date de creation:		3 oct 2006
derniere mise a jour:	16 avril 2007
******************************************************************* */


/*
*******************************************************************
texte par defaut de la page
******************************************************************* */

html, body, p {
	font:verdana,helvetica,sans-serif;
	font-family: verdana,helvetica,sans-serif;
	font-weight: normal;
	font-size:11px;
	color:#494949;
}

p, h1 , h2, h3 , h4, h5{
padding:0 0 0 0;
margin:0 0 0 0;
font-family: verdana,helvetica,sans-serif;
}


form {
	margin: 0;
	padding: 0;
	font:85%/130%  verdana,geneva,sans-serif;
	font-size: 10px;
	color: #575757;
}


a img {border-width: 10; border-style: none; text-decoration: none}

a:link {color:#525352; }

a:visited {color: #6363A2;}	

a:hover {color: #6363A2;}

a:active {color: #6363A2;}

/*
*******************************************************************
fond de l'ecran 
******************************************************************* */


body {
	margin: 0; 
	padding: 0; 
	background-color: #98C1F0;
}

#background{
	margin: 0; 
	padding: 0;
	background: url("imgs/background.gif") repeat-x #98C1F0;

}

/*
*******************************************************************
conteneur principal de la page
******************************************************************* */
#container {
	width:1200px;
	height:100%;
	background: url("imgs/background_contenu_info.gif") repeat-y;
}


#tophome {
	margin: 0;
	padding:0;
	width:723px;
	background: url("imgs/background.jpg") no-repeat;
}

#toptop {
	margin: 0;
	padding:0;
	width:723px;
	background: url("imgs/background_top_info.jpg") no-repeat;
}

/*
*******************************************************************
conteneur d'entete de page
******************************************************************* */

#headerprint {
	display:none;
	margin:0;
	padding:0;
}


#header {
	display:block;
	margin:0;
	width:723;
	height:160px;
}

/*
*******************************************************************
conteneur de pied de page
******************************************************************* */

#basdepage {
	width:723px;
	height:56px;
	float:left;
	margin:0;
	padding:0;
	text-align:right;
	background: url("imgs/background_bottom.gif") no-repeat;
}

#basdepage a {
	margin:0;
	padding:50px 20px 0 0;
	font-family: verdana,helvetica,sans-serif;
	font-weight: normal;
	font-size:10px;
	color:#ffffff;
}

/*
*******************************************************************
conteneur globale du contenu de la page 
******************************************************************* */

#contenu, #contenu_page{
	margin:0;
	padding:0;
	width:1200px;
}

/* titre de la page */
 h1,  .titre {
	margin: 0;
	padding:0 0 5px 0;
	font-family: verdana,helvetica,sans-serif;
	font-weight: bold;
	font-size:14px;
	color:#63883E;
}

/* sous-titre de la page */
 h2,  .stitre {
	margin: 0;
	padding:0;
	font-family: verdana,helvetica,sans-serif;
	font-weight: bold;
	font-size:12px;
	color:#63883E;
}

/* texte de la page */
 h3,  .texte,  .texte p{
	margin: 0;
	padding:0;
	font-family: verdana,helvetica,sans-serif;
	font-weight: normal;
	font-size:11px;
	color:#313131;
}

/* texte de la page non justifie*/
 h4 {
	margin: 0;
	padding:0;
	font-family: verdana,helvetica,sans-serif;
	font-weight: normal;
	font-size:10px;
	color:#313131;
}

/* texte petit de la page */
 h5 {
	margin: 0;
	padding:0;
	font-family: verdana,helvetica,sans-serif;
	font-weight: normal;
	font-size:9px;
	color:#313131;
}



/*
*******************************************************************
composante search - moteur de recherche
******************************************************************* */

#recherche_menu {
	float:left;
	margin:0;
	padding: 0;
	width:723px;
}

/* dimension de la composante */ 
#search {
	float:left;
	margin:0;
	padding: 2px 0 0 20px;
	width:130px;
}

/* alignement du texte de la composante */
#search_left {
	float:left;
	padding:3px 3px 0 0;
	margin:0;
	width:100px;
}

/* definition du tag mot clé */
#motcle {
	padding:0;
	margin:0;
	font-family: verdana,helvetica,sans-serif;
	font-weight: normal;
	font-size:10px;
	color:#535252;
	width:100px;
	border: 1px solid #535252;
}

#search_right {
	float:left;
	padding:1px 0 0 0;
	margin:0;
	width:20px;
}


.searchResultHeader h4 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size:12px;
	color:#494949;
}	

#searchResult{
clear:both;
margin: 0 0 0 0;
padding:10px 0 0 0;
}


#searchResultCenter{
text-align:left;
margin: 0 0 0 0;
padding:0 0 0 0;
}


#searchResultCenter li p{
margin: 0 0 0 0;
padding:0 0 0 0;
}

#searchResultCenter li{
margin: 2px 0 0 10px;
padding: 0 0 10px 0;
}

#searchResultCenter li h5{
text-align:left;
color:#242981;
}

#searchResultCenter li h5 a {
text-align:left;
padding:0 0 0 0;
margin:0 0 0 0;
color:#242981;
}

#searchResultFooter{
margin: 10px 0 0 0;
padding: 0 0 0 5px;
}	
	
#searchResultFooter a{
color:#242981;
}		


/*
*******************************************************************
menu secondaire
******************************************************************* */
#menuSecondaire {
	float:right;
	margin:0;
	padding:4px 20px 0 0;
	font: verdana,helvetica,sans-serif;
	font-weight: bold;
	font-size: 10px;
	width:500px;
}

#menuSecondaire ul,  #menuSecondaire div{
	float:right;
	margin: 0;
	padding:0;
}

#menuSecondaire ul li {
	margin: 0;
	border-right:1px dotted #313131;
	display: inline;
}

#menuSecondaire ul li a{
	padding:0 6px 2px 6px;
	border-top: 1px solid #fff;
	color:#313131;
	text-decoration:none;
}

#menuSecondaire ul li a:hover{
	border-top: 1px solid #313131;
	color:#759E4D;
	text-decoration:none;
}

#menuSecondaire ul li a.current{
	border-top: 1px solid #313131;
	color:#759E4D;
}



/*
*******************************************************************
menu principal dans le bandeau header
******************************************************************* */
#menuPrincipal{
	padding:0;
	margin: 0;
	width:723px;
	height:27px;
	float:left;
	color:#759E4D;
	font: 120%/130% verdana,helvetica,sans-serif;
	font-weight: bold;
	font-size: 11px;
}

#info #menuPrincipal{
	margin:0;
	background: url("imgs/background_menu.gif") no-repeat;
}

#home #menuPrincipal{
	margin:100px 0 0 0;
	background: url("imgs/background_menu.gif") no-repeat;
}

#menuPrincipal ul {
	padding:5px 20px 0 20px;
}

#menuPrincipal ul {
	margin: 0;
	list-style-image:none;
}

#menuPrincipal ul li {
	margin: 0;
	padding:0;
	display: inline;
	border-right:1px solid #759E4D;
}

#menuPrincipal ul li a{
	margin: 0;
	padding:0 6px 2px 6px;
	color:#313131;
	text-decoration:none;
}

#menuPrincipal ul li a:hover{
	color:#759E4D;
	text-decoration:none;
}

#menuPrincipal ul li a.current {
	font-weight:bold;
	color:#759E4D;
}

/*
*******************************************************************
menu principal - 2ieme niveau en popup
******************************************************************* */

#menuPrincipal ul li div.n2{
	z-index:2
	padding:0 0 0 0;
	margin:5px 0 0 0;
	cursor:hand;
	color:#759E4D;
	border-top:1px solid #313131;
	border-left:1px solid #313131;
	border-right:1px solid #313131;
	position:absolute;
	display:block;
	visibility:hidden;
	background-color: #a1c8f3;
}

#menuPrincipal ul li ul
{
	margin:0;
	padding:0;
	text-align:left;
	border: none;
	list-style: none;
	list-style-image:none;
	visibility:hidden;
	display:block;
}

#menuPrincipal ul li ul li{
	margin:0;
	padding:0;
	border-bottom:1px solid #313131;
	border-right:none;
	display: block;
}


#menuPrincipal ul li ul li a{
	margin:0;
	padding:0 6px 2px 6px;
	font-weight: normal;
	display: block;
}


#menuPrincipal ul li ul li a{
	color:#313131;
	background-color: #fff;
}

#menuPrincipal a.m2095{
	color:#fff;
	background-color: #DC84AC;
}

#menuPrincipal a.m2095:hover{
	color:#fff;
}

#menuPrincipal a.m2096{
	color:#fff;
	background-color: #0072BC;
}

#menuPrincipal a.m2096:hover{
	color:#fff;
}

#menuPrincipal a.m2097{
	color:#fff;
	background-color: #7C4021;
}

#menuPrincipal a.m2097:hover{
	color:#fff;
}

#menuPrincipal a.m2098{
	color:#fff;
	background-color: #FCAF17;
}

#menuPrincipal a.m2098:hover{
	color:#fff;
}

#menuPrincipal a.m2099{
	color:#fff;
	background-color: #199B42;
}

#menuPrincipal a.m2099:hover{
	color:#fff;
}


#menuPrincipal a.m2100{
	color:#fff;
	background-color: #ED1C24;
}

#menuPrincipal a.m2100:hover{
	color:#fff;
}

#menuPrincipal a.m2101{
	color:#fff;
	background-color: #00A6E8;
}

#menuPrincipal a.m2101:hover{
	color:#fff;
}

#menuPrincipal a.m2106{
	color:#000;
	background-color: #fff200;
}

#menuPrincipal a.m2106:hover{
	color:#000;
}



#menuPrincipal a.m2105, #menuPrincipal a.m2105:hover{
	color:#6D2D7F;
	font-weight: bold;
	
}




#menuPrincipal ul li ul li a:hover{
	margin:0;
	padding:0 6px 2px 6px;
	border-top: none;
	color:#759E4D;
	text-decoration:underline;
}

#menuPrincipal ul li  ul li a.current {
	margin:0;
	padding:0 6px 2px 6px;
	color:#313131;
	background-color: #a1c8f3;
	border-top: none;
	font-weight: normal;
}


/*
*******************************************************************
composante Nouvelles en marge de gauche 
******************************************************************* */

#nouvelle_accueil,  #texte_sac, #texte_meteo, #texte_horaire_ete
{	
	width:210px;
	padding: 0;
	margin: 0;
	text-align:top;
}

#nouvelle_archive
{	
	padding: 0;
	margin: 0;
	text-align:top;
}


#nouvelle_accueil h1, #nouvelle_archive h1
{   
	margin: 0;
	padding:0 0 13px 0;
	font-size:12px;
	color:#63883E;
	font-weight: bold;
}

#nouvelle_accueil h2, #nouvelle_archive h2
{
	margin: 0;
	padding:0;


}
#nouvelle_accueil h2 a, #nouvelle_archive h2 a
{
  	margin: 0;
	padding: 5px 0 10px 0;
	font-size:11px;
	color:#6363A2;;
	text-align:left;
	font-weight: normal;
}

#nouvelle_accueil h2 a:hover, #nouvelle_archive a:hover
{
	color:#63883E;
}


#nouvelle_accueil span, #nouvelle_archive span
{
 	margin: 0;
	padding: 0;
	color:#494949;
	font-size:11px;
	font-weight: bold;
}

#nouvelle_accueil p, #nouvelle_archive p
{
	color:#999;
  	margin: 0;
	padding: 0 0 10px 0;
}

#nouvelle_accueil p a, #nouvelle_archive p a
{
  	margin: 0;
	padding: 0;
	font-size:9px;
	color:#6363A2;;
}



/*Formulaire de plainte
----------------------------------------------- */	

#messageErreur
{
	padding:5px;
	margin:10px 0 20px 25px;
	width:300px;
	border-top:1px dotted #313131;
	border-left:1px dotted #313131;
	border-right:1px dotted #313131;
	border-bottom:1px dotted #313131;
	background-color: #a1c8f3;
}

#messageErreur p.erreur{
	padding:0;
	margin:0;
	font-weight: bold;
}

#messageErreur ul
{
	padding:5px 0 0 25px;
	margin:0;

}

#messageErreur li
{
	padding:0;
	margin:0;
	color: red;
	font-weight: bold;
}

.designBtn{
	background: #fff url(imgs/bg_bouton.jpg) repeat-x top;
	border-top:1px solid #ccc;
	border-left: 1px solid #CCC;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	font-size:95%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	cursor: pointer;
	color:#000;
	margin:3px;
	vertical-align:middle;
}


/* ne pas afficher la navigation
----------------------------------------------- */	

.skiplink{
	position: absolute;
	left:0px; 
	top:-50px;
	overflow: hidden;
	width: 1px;
	height: 1px;
}

/*
*******************************************************************
div servant d'annulation au float
******************************************************************* */

.espace {
	clear:both;
}

/*
*******************************************************************
 Tableau
******************************************************************* */

/* Tableau */
#contenu table {
	padding:0;
	margin:0;
}
/* Colonne du tableau */
#tableau td, .tableau td {
	padding:0;
	margin:0;
	border-top: 1px dotted #ccc;
}

.scrolling {
	height:100%;
	width:680px;
	overflow:scroll;
}

.Tableautitre
{
	color:#ffffff;
}

.tableau {
	border: 1px solid #7F9DB9;
}



#contenu {
	float:left;
	margin:0;
	padding:0;
}

#home #contenu {
	padding:10px 0 0 0;
	margin:0;
	width:443px;
}

#info #contenu {
	width:680px;
	padding: 10px 20px 0 20px;
}

#info #centre, #info wbkCentreComplet {
	width:640px;
}


#centre{
	float:left;
	padding:0;
	margin:0;
}

#gauche {
	float:left;
	margin:0;
	padding:10px 0 0 20px;
	width:240px;
}


#droit {
	display: none;
/*	margin:0;
	padding:0;
	width:130px;
	position:relative;*/
}


#plandusite{
	padding:10px 0 0 20px;
}

#plandusite li{
	padding:5px 0 0 0;
}

#plandusite a{
	padding:0 0 0 10px;
}