/**
	--PACK GeDEV--
	DESCHAMPS Grégory
	greg@gregdesc.info
**/


/*enlève toutes les marges que les navigateurs mettent par défaut*/
* {
	margin: 0; padding: 0;
	font-family:Arial, sans-serif;
}

/*masque la bordure d'une image, bordure générée par un lien*/
a img{ border:0 none; }

ol, ul, li {
list-style-type: none;
margin: 0;padding: 0;
}

/*alignement de textes*/
.left{ text-align:left; }
.center{ text-align:center; }
.right{ text-align:right; }
.justify{ text-align:justify; }

.top{ vertical-align:top;}
.middle{ vertical-align:middle;}
.bottom{ vertical-align:bottom;}

/*teintes*/
.blanc{ color:#FFF; }
.noir{ color:#000; }
.gris{ color:#858585; }

/*couleurs*/
.bleu{ color:#5b91a6; }
.rouge{ color:#FFF; }
.rose{ color:#FFF; }
.vert{ color:#FFF; }
.jaune{ color:#FFF; }
.orange{ color:#FFF; }
.mauve{ color:#FFF; }

/*fonts*/
.trebuchet{
	font-family:trebuchet MS, arial;
}
.arial{
	font-family:arial;
}
/*font-size*/
.t9{font-size:9px;}
.t10{font-size:10px;}
.t11{font-size:11px;}
.t12{font-size:12px;}
.t14{font-size:14px;}
.t16{font-size:16px;}
/*font-style*/
.gras{font-weight:bold;}
.italic{font-style:italic;}
.souligne{text-decoration:underline;}
/**/


#header{
	height:85px;
	padding-left:20px;
}
.sousmenuhaut{
	padding-bottom:3px;
}
.sousmenuhaut span{
	font-size: 10px;
	color:#cdcdcd;
}

.sousmenuhaut a{
	font-size: 9px;
	line-height:10px;
	color: #5a5a5a;
	text-decoration:none;
}
.sousmenuhaut a:hover{
	font-size: 9px;
	line-height:10px;
	color: #ED1C24;
	text-decoration:none;
}

#titre_page{
	position:relative;
	z-index:20;
	margin-top:-278px;
}
#titre_page .bloc_h2{
	padding-right:30px;
	padding-left:30px;
}

#titre_page h2{
	font-weight:lighter;
	color:#5b91a6;
	font-size:24px;
	margin-top:15px;
}

.lien_blanc{
	color:#FFF;
	text-decoration:none;
}
.lien_blanc:hover{
	color:#FFF;
	text-decoration:underline;
}

/*NEWS*/
.news{
	width:400px;
	margin-left:30px;
	margin-bottom:15px;
	border:1px solid #bebebe;
}

.titre_news{
	height:35px;
	line-height:35px;
	padding:10px;
	background:#EAEAEA;
	letter-spacing:5px;
}
.contenu_news{
	padding:10px;
	background:#f9f9f9;
}
.texte_news{
	font-size: 12px;
	color: #5a5a5a;
}

/*PUBLI*/
.contenu_publi{
	background:#f9f9f9;
	font-size:12px;
	color:#5a5a5a;
}
.contenu_publi p{
	padding:10px;
}


/*ADHESION*/
#body_adhesion{
	margin:30px;
}
#body_adhesion th{
	color:#b61010;
	text-align:center;
	font-size:24px;
	background:#EAEAEA;
	height:50px;
	line-height:50px;
}
.adhesion{
	font-family:arial,sans-serif;
	border:1px solid #BEBEBE;
	font-weight:bold;
	background:#F9F9F9;
}
.adhesion td{
	padding-left:5px;
}
.nivos{
	width:50px;
}
.adhesion .label{
	width:150px;
}

.adhesion h3{
	color:#b61010;
	font-weight:bold;
	font-size:16px;
	text-decoration:underline;

}
.adhesion p{
	margin-left:50px;
}
.adhesion div{
	color:#b61010;
	font-weight:bold;
	font-size:16px;
	margin-bottom:20px;
	margin-left:50px;
}

/**/
#ul_gauche{
	position: absolute;	/* positionnement pour IE5 et IE5.5 */
	background: transparent url(images/map-gauche.jpg) top left no-repeat;	/* arrière-plan général du menu */
	width: 236px;
	height:248px;
	text-align: right;
	z-index:100;
	margin-left:14px;
}
#ul_gauche dl{

}

#ul_gauche dt a {	/* dimensions et définitions des boutons */
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	height: 34px;
	width: 236px;
	font-family: arial;
	text-decoration: none;
	line-height: 25px;	/* hauteur de ligne pour éviter les paddings */
	color:#FFF;
	padding-right:20px;
	font-weight:bold;
	font-size:14px;
	z-index:10;
}
#ul_gauche dd {
	display:none;
	position:absolute;
	left:236px;
	width:153px;
	margin-top:-30px;
	margin-left:-15px;
	background:url(./images/fond_hautsousmenu.gif) transparent no-repeat top right;
}
#ul_gauche dd ul{
	margin-top:23px;
	margin-left:15px;
	/*margin-top:-4px;*/
	background:url(./images/fond_sousmenu.jpg) transparent repeat-x top left;
	text-align:left;
}
#ul_gauche dd ul li{
	margin-right:3px;
	margin-left:3px;
}
#ul_gauche dd ul li a{
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
#ul_gauche dd ul li a:hover{
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	text-decoration:underline;
}

#ul_gauche a#menu1:hover {	/* décalage de l'arrière-plan pour chaque bouton */
	background: transparent url(images/map-gauche.jpg) top left no-repeat;
	background-position: 0% -542px;/*333*/
	height:34px;
}
#ul_gauche a#menu2:hover {
	background: transparent url(images/map-gauche.jpg) top left no-repeat;
	background-position: 0% -577px;/*369*/
	height:34px;
}
#ul_gauche a#menu3:hover {
	background: transparent url(images/map-gauche.jpg) top left no-repeat;
	background-position: 0% -611px;/*406*/
	height:34px;
}
#ul_gauche a#menu4:hover {
	background: transparent url(images/map-gauche.jpg) top left no-repeat;
	background-position: 0% -644px;/*443*/
	height:34px;
}
#ul_gauche a#menu5:hover {
	background: transparent url(images/map-gauche.jpg) top left no-repeat;
	background-position: 0% -678px;/*480*/
	height:34px;
}

#ul_gauche a#menu6:hover {
	background: transparent url(images/map-gauche.jpg) top left no-repeat;
	background-position: 0% -712px;/*517*/
	height:34px;
}


/*SEMINAIRES*/

#seminaires{
	width:400px;
	margin:0 auto;
	font-family:arial,sans-serif;
	border:1px solid #BEBEBE;
	background:#F9F9F9;
}
#seminaires td{
	width:200px;
	vertical-align:top;
	padding-left:5px;
}
.semi_categ{
	background:#EAEAEA;
	height:25px;
	line-height:25px;
}

.seminaires .label{
	width:150px;
}

#seminaires h3{
	color:#b61010;
	font-weight:bold;
	font-size:16px;
	text-decoration:underline;

}
#seminaires p{
	margin:3px auto;
}
#seminaires div{
	color:#b61010;
	font-weight:bold;
	font-size:16px;
	margin-bottom:20px;
	margin-left:50px;
}




#liste_seminaire dl{
	margin-left:10px;
}
#liste_seminaire dt{
	font-weight:bold;
}
#liste_seminaire dd{
	margin-left:15px;
}



/*seminaire pop-up*/
#body_seminaire{
	margin:30px;
}
#body_seminaire th{
	color:#b61010;
	text-align:center;
	font-size:20px;
	background:#EAEAEA;
	height:50px;
	line-height:50px;
}
.seminaire{
	font-family:arial,sans-serif;
	border:1px solid #BEBEBE;
	background:#F9F9F9;
	width:674px;
	margin:0 auto;
}
.seminaire td{
	padding-left:5px;
}
.nivos{
	width:50px;
}
.seminaire .label{
	width:150px;
}

.seminaire h3{
	color:#b61010;
	font-weight:bold;
	font-size:16px;
	text-decoration:underline;

}
.seminaire p{
	margin-left:50px;
}
.seminaire div{
	color:#b61010;
	font-weight:bold;
	font-size:16px;
	margin-bottom:20px;
	margin-left:50px;
}
