/*****************************************************************************************************************	
	Nom du fichier : cssgeneral.css  
	Programmeurs : Sébastien Labrie et Frédéric Lemelin
	Date :  Décembre 2008
	Projet : Site Web Coopérative de solidarité les 5 saisons
	But : Fichier CSS principal 
	Remarque : Ne contient pas les propriété de background de l'entete et du pied (voir les autres fichiers css )
******************************************************************************************************************/
body {
	background : white url(../img/interfaces/background.jpg) repeat-x top;
	margin-left : auto;
	margin-right : auto;
	text-align: center; 
    font-family: sans-serif;
}     
#corps {
	width :966px;
	height : 100%;
	margin-left : auto;
	margin-right : auto;   
	position : relative;
	top : -20px;
}   
#entete { 
    height : 310px;  
	position : relative;

	z-index : 20;
}  
/*************************************************/
/* menu */
#menu {
	background :url(../img/interfaces/menu.png) no-repeat top;
	height : 70px;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	position : relative;
	top : 190px;
	padding-left : 6px;
    margin-bottom : -10px;
}
#menu #menuDynamique {
	width : 905px;
	margin-left : auto;
	margin-right : auto;
	height : 35px;
	position : relative;
	top : 29px;
	padding-top : 7px;   
	padding-left : 2px;
	text-align : center;   
}

#menu #menuDynamique img {
	border : none;
}
/* 
	Menus, premier niveau
*/
ul.dropdown { /*Conteneur du menu*/
	position : relative; 
	margin-top : -2px; 
	font-family: 'Trebuchet MS',arial,sans-serif;
	font-style: normal;
	font-size: 70%;
	width : 966px;
	margin-left : -42px;
	margin-top : 1px;
	z-index : 100;
	//margin-left : 0px;
}

ul.dropdown li{ /* Texte du menu principal */
	font-weight : bold;
	float : left;  
	list-style : none; 
	background-image : url("../img/interfaces/bouton.png");
	width : 110px;
	height : 27px;
	margin-left : 2px;
}

ul.dropdown li a { /* Lien du menu principal */
	display : block; 
	padding : 4px 8px; 
	color : white; 
	text-decoration : none;
	
}

/*ul.dropdown a:hover{ 
	color : blue; 
}

ul.dropdown a:active { 
	color : blue; 
}*/

/*ul.dropdown li:last-child a{  Doesn't work in IE 
	border-right : none; 
} */

#active { /*Hover du menu principal ET du sous-menu*/
	position : relative;
	top : -3px;	
	background-image : url("../img/interfaces/boutonHover.png"); 
}

ul.dropdown li.hover, ul.dropdown li:hover{ /*Hover du menu principal ET du sous-menu*/
	position : relative; 
	background-image : url("../img/interfaces/boutonHover.png"); 
}

ul.sub_menu li{
	height : auto; /*Permet d'ajuster la hauteur du sous-menu si le texte est trop long*/
	background-image : none; /*Supprime le background image hérité*/
}

ul.sub_menu li.hover, ul.sub_menu li:hover{ /*Hover du sous-menu uniquement*/
	background-image : none; /*Supprime le background image hérité*/
}

ul.dropdown li.hover a { /*Couleur du texte quand yé en hover ou quand yé dans le sous-menu*/
 	color : white; 
}

/* 
	Menus, deuxième niveau 
*/
ul.dropdown ul { /*Conteneur du sous-menu*/
	width : 220px; 
	visibility : hidden; 
	position : absolute; 
	top : 60%; 
	left : -40px; 
	text-align : left; 
}

ul.dropdown ul li { /*Éléments du sous-menu, sans hover*/
	font-weight : normal; 
	background-image : url("../img/interfaces/li.gif"); 
	background-repeat : repeat-y;
	/*border-bottom : 1px solid #ccc; */
	float : none;
	width : 108px;
	margin-left : 1px;	
	text-align : center;
}

ul.dropdown ul li.hover, ul.dropdown ul li:hover{ /*Hover du sous-menu*/
	background-image : url("../img/interfaces/liHover.gif");
	background-repeat : repeat-y;
}

ul.dropdown ul li.first:hover, ul.dropdown ul li.last:hover{
	/*background-color : green;*/
}

ul.dropdown ul li.first {
	background-image : url("../img/interfaces/liFirst.gif");
	height : 17px;
	width : 110px;
}

ul.dropdown ul li.last {
	background-image : url("../img/interfaces/liLast.gif");
	width : 110px;
	height : 8px;
	background-color : none; /*Suppression de l'héritage*/
	border-bottom : none; /*Suppression de l'héritage*/
	margin-left : 0px; /*Alignement*/
	//margin-top : -10px;
} 


                                    
ul.dropdown ul li a{ 
	border-right : none; 
	display : inline-block;/* IE 6 & 7 Needs Inline Block */ 
} 

 
/*#menu #bouton a:hover {
    background-image : url(../img/interfaces/boutonHover.png);  
} 
#menu #bouton #active {
    background-image : url(../img/interfaces/boutonHover.png); 
    margin-top : -5px; 
}
#menu #bouton a {
	display : block;
	float : left;
	background-position : center ;
	background-repeat : no-repeat;
	background-image : url(../img/interfaces/bouton.png);
	width : 112px;
	height : 25px;
    font: 70% 'Trebuchet MS', arial, sans-serif;     
	color : white;
	text-decoration : none;
	font-weight : bold;
	text-align : center;
	//padding-top : 1px;
	padding-top : 6px!important;
}*/
#boutonAdmin{
	height : 50px;
	width : 10px;
	margin-left : 920px;
	//margin-left : 891px;
	margin-top : -180px;
	
	
}
/**************** Section Administration *******************/
#formAdmin {
	text-align : center;
	width : 265px;
	margin-left : auto;
	margin-right : auto;

}

#formAdmin  td{
	width : 150px;
	text-align : center;
}

#formAdmin  td  #submitadmin{
	//margin-left : 80px;  /*patch pour ie*/
	text-align : center;
}

.erreur {
	color : red;
	text-decoration : underline;
}
/*************************************************/
/*sousmenu été*/
#sousmenu  {
	height :50px !important;
	//height :70px;
	width : 100%;
	
	text-align : center; 
	padding-top : 17px ;
	margin-top : 10px;
	margin-bottom : 20px;     
	background-color : #f5f7f2;  
	border-bottom : #74b74b dotted  2px;
	border-top : #74b74b dotted  2px;
}   
#sousmenu  #liens { 
	height : 100%; 
	width : 580px;
}
#sousmenu  #liens a{
	margin-right :5px;
	font-size: 87%;
	display : block;
	float : left;
	width : 110px;
	font-weight : bold;
	text-align : center;
}                    
/*************************************************/
/* contenu du milieu, gauche et droite */
#principal { 
    position : relative;
    top : -40px;    
	width : 916px;
	margin-left : auto;
	margin-right : auto;    
	z-index : 10;
}   


#principal #left {
	float : left;
	width : 585px;
	
	
    padding-top: 13px;
    padding-left: 23px;
    padding-right: 15px; 
    padding-bottom: 25px; 
    margin-bottom : 10px; 
    margin-left : 15px;
    text-align: justify; 
    color : #3e1a12;
    font: 80%  Arial, 'Trebuchet MS', arial, sans-serif;  
    letter-spacing : 140%; 
}
/* miniature de droite */
#principal #right {
	float : right;
	width : 275px;    
    padding-right : 3px;
    padding-bottom : 7px;
}  
#principal #clear {
    clear : both;   /* pour forcer que principal soit en hauteur totalement */   
}     
/*************************************************/ 
/*miniature du bas et pied de page */    
#pied {
    position : relative;
    top : -55px;          
    width : 966px;    
	height : 270px;
	text-align : center;  
    padding-bottom : 1px;     
}
#pied img {
    cursor: url("../img/magplus.cur"), pointer;
} 
.zoom {
    cursor: url("../img/magplus.cur"), pointer;
}
#pied a {
     text-decoration : none;
     color : black; 
     font-weight : bold;   
}  
#pied a:hover  {
    text-decoration : underline; 
} 
#pied #thumbs img{
    width : 124px;
    height : 105px;
}
#pied #thumbs {
    width : 100%;
} 
#pied #textbas {
     position : relative;
     top : 120px;
     height : 35px;  
     width : 100%;
     font : 70% Arial;
     font-size: 70%;    
     color : #3e1a12  
}      
/*************************************************/ 
/* Mise en page et formattage du texte*/
#titre1 {
    width : 280px;
    color : #3e1a12;
    display : block; 
}          
#principal a:hover {
    text-decoration : underline; 
}
#principal a {
    color : #74b74b;
    text-decoration : none;
}     
#principal h1 {
    height : 75px;  
    background-image: url(../img/interfaces/h1.png);
    background-repeat: no-repeat;
    background-position:left;
    margin-left : 10px;
    //margin-left : 10px;
    padding-left : 60px;
    padding-top : 20px;
    //padding-top : 10px;
    margin-top : -10px;
    //margin-top : 5px;
    margin-bottom : -10px;
    text-align : left;
}  
#principal h2 {
    text-decoration : underline;
    text-align : center;
    padding-top : 20px;   
}         
#principal h3 {
     
    font-weight : bold;
}             
#principal h4 { 
    font-style : italic;
    text-align : justify;
    color : #3e1a12;  
    margin-bottom : -10px; 
    margin-top : 25px; 
    font-size : 110%;
} 
#principal h6 { 
    font-style : italic;
    text-align : justify;
    color : #3e1a12;  
    margin-bottom : 10px; 
    margin-top : 25px; 
    font-size : 110%;
	text-decoration : underline;
	
}      
#principal h5 {
    font-style : italic;
    text-align : left;
    text-decoration : underline;
    color : #3e1a12;
}
.souligne {
    text-decoration : underline;
}  
.centrer {
    text-align : center;
} 
.italic {
    font-style: italic;
} 
.forfait {
	font-size : 110%;
}
.revenirhaut {
	text-align : right;
	display : block;
	border-bottom : #74b74b dotted  2px;
}
.retourhaut {
	/* position:absolute;
	bottom:15px;
	right:290px; */
	text-align : right;
	display : block;
	
}
/*************************************************/ 
/*Page coordonnées*/      

#left #paragraphe table  {
	width : 570px;
	margin-bottom : 15px;
	text-align : center;
}        
#left #paragraphe table  td  {
	width : 260px;
	border : #74b74b double 3px; 
	padding-top : 15px;
	padding-bottom : 15px;
}  
 
/*************************************************/ 
/*Popup info*/  
#body2 {
	 border : #74b74b dotted 3px;
	 margin : 0px;
	 background : none;
	 text-align : justify;
     font-size: 80%;
}
#popup p {
	text-align : justify;
}
#popup {
	width : 660px;
	margin-left: auto;
	margin-right : auto;
	padding : 15px;
}  
#popup h4{
	text-align : left;
}
 #popup h3{
	text-align : center;
}
#popup h2{
	color : #74b74b ;
	text-align : center;
}
/***************************/
/* déconnexion dans le haut */

#deco_header a{
	color : #b92523;
}
#deco_header {
	text-align : right;
	position : relative;
	top : 20px;
	height : 20px;
	color : white;
	font-size : 90%;
	width : 840px;
	margin-right : auto;
	margin-left: auto;
	padding-top : 6px;
	z-index : 25;
}

#desc_act {
	margin-bottom : 25px;
}

form.mod table {
		margin-right : auto;
		margin-left : auto;
}

form.mod {
	margin-bottom : 20px;
}

table.supelement {
	width : 80%;
	margin-left : auto;
	margin-right : auto;
	
}

table.supelement td {

	text-align : left;
}

table.supelement ul{
	
	margin-left: -30px;
}

#principal input:focus, textarea:focus {
	background-color:#f5f7f2;
	
}

#principal textarea, input, select{
	font-family: 'Trebuchet MS',arial,sans-serif;
	font-size : 13px;
	border:1px solid #94ba8b;
	padding:2px;
	background-color:#eeeeee;
}
/*Circuit virtuel*/
a.closeTooltip, a.closeTooltip:hover, a.closeTooltip:active, a.closeTooltip:visited{color:#3e1a12;text-decoration:none;font-weight:bold;font-family:sans-serif}
img{border:0;}

/************************************/



/*Page des communiqués*/


.addcomm {
	position : relative;
	top : -23px;
	right : -350px;

	width : 290px;
	z-index : 20;
	width : 180px;
	font-size : 75%;
	font-weight : normal;
	text-align: right;
	display : block;
}

.dateCom {
	display : block;
	margin-bottom :-46px;
	color : black;
	font-weight : normal;
	text-align : right;
	color : #474138;
}

.textCom {
	margin-top : 25px;
	padding-bottom : 17px;
	margin-bottom : 25px;
	border-bottom : 2px dotted #5f9042;
}

#nouvelle_rec h3  {
	display : block;
	color : #3e1a12;
	font-style : italic;
	width : auto;
	border-bottom : 2px dotted #5f9042;

	padding-left : 2px;
}
#nouvelle_rec {
	margin-top : 30px;
	
}

/*admin */


#gestionadmin li a {
	
	text-decoration : none;
	
}
#gestionadmin li {
	margin-top : 10px;
}
#gestionadmin ul {
	list-style-type : square;
}
#gestionadmin {
	width : 458px;
	text-align : left;
	margin-left : auto;
	margin-right : auto;
	margin-top : 25px;
	
}
/***************************/
/* onglets */

.onglet{
	width : 590px;
	border-collapse : collapse;
	border : 0;
	background-color : #5c8e3f;
}
.bordGauche{
	background-image : url("../img/interfaces/bordGauche.gif");
	width : 10px;
	background-repeat : no-repeat;
	background-position : top right;
	cursor : pointer;
}
.milieu{
	background-image : url("../img/interfaces/milieuBack.gif");
	height : 60px;
	background-repeat : repeat-x;
	text-align : center;
	color : white;
	font-weight : bold;
	font-family : arial;
	font-size : 12px;
	padding-top : 5px;
	cursor : pointer;
}
.bordDroit{
	background-image : url("../img/interfaces/bordDroit.gif");
	width : 11px;
	height : 60px;
	background-repeat : no-repeat;
	cursor : pointer;
}

.bordGaucheActif{
	background-image : url("../img/interfaces/bordGaucheActif.gif");
	width : 10px;
	height : 60px;
	background-repeat : no-repeat;
	background-position : top right;
	cursor : pointer;
}
.milieuActif{
	background-image : url("../img/interfaces/milieuBackActif.gif");
	height : 60px;
	background-repeat : repeat-x;
	text-align : center;
	color : #3e1a12;
	font-weight : bold;
	font-family : arial;
	cursor : pointer;
}
.bordDroitActif{
	background-image : url("../img/interfaces/bordDroitActif.gif");
	width : 11px;
	height : 60px;
	background-repeat : no-repeat;
	cursor : pointer;
}

.exterieurGauche{
	background-image : url("../img/interfaces/exterieurGauche.gif");
	width : 11px;
	height : 60px;
	background-repeat : no-repeat;
	background-position : top right;
}
.exterieurDroit{
	background-image : url("../img/interfaces/exterieurDroit.gif");
	width : 11px;
	height : 60px;
	background-repeat : no-repeat;
	background-position : top left;
}
.contenuOnglet{
	width : 558px;
	min-height : 175px;
	background-color : #f5f7f2;
	border-right : 1px solid #78a465;
	border-bottom : 1px solid #78a465;
	border-left : 1px solid #78a465;
	position : relative;
	top : -10px;
	padding-left : 15px;
	padding-right : 15px;
	padding-top : 15px;
	padding-bottom : 15px;
}

.contenuOnglet h7{
	display : block;
	border-bottom : double 3px #78a465;
	text-align : center;
	width : 588px;
	margin-left : -15px;
	padding-bottom : 15px;
	padding-top : 5px;
	margin-bottom : 10px;
}
.contenuOnglet h7 a{
	margin-right : 15px;
	margin-left : 15px;
}

/***************************/
#map{
	border : 3px double #74b74b;
	width : 552px;
}

.btnGalerie:hover{
	cursor: pointer;
}

#txtagrandir {
	font-size : 70%;
	position : relative;
	top : -10px;
	font-style : italic;
	color : #5d8646;
}