/* ============================================================================================== */
/* ====== STRUCTURE DE LA PAGE
/* ============================================================================================== */
* { margin:0; padding: 0; }
BODY 	{
	/*background: #677075;*/
	/*background: #FFFFFF;*/
	background:url(../pics/charte/bg-ssmenu.png) top left repeat; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/* ============================================================================================== */
/* ====== STRUCTURE ET POSITIONNEMENT
/* ============================================================================================== */
#structure	{ float:left;  width:100%; /*border:1px solid #383838;*/ /*margin:auto;*/ background:#FFFFFF; }
#global		{ float:left;  width:1020px; background:url(../pics/charte/bg-ssmenu.png) top left repeat; }
#logo		{ float:left;  width:627px; height:181px; background:#00377A; }
#cube		{ float:left;  width:181px; height:181px; margin-left:10px; /*background:#00377A;*/ }
#addon		{ float:left;  width:190px; height:179px; text-align:center; /*background:url(../img/nuages.png) bottom;*/ }
#colGauche	{ float:left;  width:230px; }
#banner		{ float:left;  width:100%;  height:181px; background:url(../pics/charte/bg-banner.png) top left repeat; }


/* ============================================================================================== */
/* ====== MENU DE LA COLONNE DE GAUCHE 
/* ============================================================================================== */
	/* ----- GENERAL ----- */
#ss-menu			{ clear:both; width:200px; margin:10px 0 0 0; }
#ss-menu UL			{ line-height:16px; }
#ss-menu LI			{ float:left; clear:both; list-style:none; font-family:sans-serif; margin:0 0 5px 10px; }
#ss-menu A			{ color:#2D306F; text-decoration:none; font-size:12px; }
#ss-menu A:hover	{ color:#65B795; }

	/* ----- NEWS ----- */
#mynews			{ position:absolute; margin-top:5px; margin-left:5px; z-index:300px; } 
#mynews LI 		{ width:190px; height:60px; border-bottom:1px solid #B0BACE; }
#mynews A		{ font-weight:bold; text-transform:none; }
#mynews A:hover 	{ background:none; color:#DF821B; }
#mynews IMG		{ float:left; width:8px; height:45px; border:1px solid #787878; margin:2px 6px 10px 0; }

	/* ----- EVENEMENTS ----- */
#event_link			{ list-style:none !important; margin:15px 0 0 0px !important; }
#event_link LI 		{ margin-left:25px; }
#event_link IMG 		{ width:16px; height:8px; border:1px solid #676767; }
#event_link A		{ font-size:10px; color:#000000; text-decoration:none; padding-left:4px; text-transform:capitalize;  }

	/* ----- RUBRIQUES ----- */
#rubr IMG 		{ width:8px; height:8px; border:1px solid #676767; }
#rubr A			{ font-size:10px; font-weight:bold; padding-left:4px; text-transform:uppercase;  }


/* ============================================================================================== */
/* ====== MENU HORIZONTAL HAUT
/* ============================================================================================== */
#topmenu			{ list-style:none; margin:15px 0 10px 40px; text-align:center;  }
#topmenu li			{ display:inline-block; text-align:center; vertical-align:middle; }
#topmenu a			{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	padding:10px 15px 11px 15px;
	background:url(../pics/charte/bg-menu.png) repeat;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}
#topmenu a:hover		{ background:url(../pics/charte/bg-menu-select.png) repeat; color:#003366;  }

/*
#menu			{ }
#menu UL 		{ height:23px; list-style:none; padding:8px 0 0 0; }
#menu LI			{ float:left; text-transform:uppercase; padding:0 5px 0 5px; }
#menu A  		{ color:#748DC5; font-weight:bold; text-decoration:none; padding:5px; }
#menu A:hover	{ text-decoration:underline; background:#DAEFF6; }
*/


/* ============================================================================================== */
/* ====== ARTICLE
/* ============================================================================================== */
/*#article			{ float: left; margin: 30px 0 10px 30px; width:750px; text-align:justify; padding-bottom:15px; }*/
#article			{ margin: 30px 0 10px 30px; width:715px; text-align:justify; padding-bottom:15px; }
#article H1			{ margin: 0 0 10px 0; padding: 0 0 5px 20px; color: #4C4C7E; font-size: 16px; border-bottom: 1px solid #C3CEE2;  }
#article H2 			{ margin: 20px 0 5px 0; padding: 0 0 5px 0; color: #4C4C7E; font-size: 14px;  }
#article P			{ margin: 5px 0 10px 0; line-height:17px; }
#article UL			{ margin: 5px 0 10px 40px; line-height:17px; list-style:square; }


/* ============================================================================================== */
/* ====== LIENS
/* ============================================================================================== */
.encart {
	text-align:center;
	font-size:14px;
	border-top:1px solid #383838;
	border-bottom:1px solid #383838;
	background:#74328C;
	color:#FFFFFF;
	font-weight:bold;
	width:100%;
	margin:15px 10px 10px 10px;
	padding:5px;
}
#linkcat A, #linkcat A:visited  {
	color:#336699;
	font-size:13px;
	font-family:verdana;
	text-decoration:none;
	font-weight:bold;
	margin:0 0 0 -170px;
	padding-left:20px;
	background:url(../img/puce.png) top left no-repeat;
	line-height:2em;
}
#linkcat A:hover			{ color:#88DD35; }
#link A, #link A:visited 	{ margin:10px 0 5px 5px; color:#748DC5; line-height:2em; }
#link A:hover				{ text-decoration:underline; color:#88DD35; }
#link IMG					{ border:none; margin: 8px 3px 0 20px; float:left; }


/* ============================================================================================== */
/* ====== PIED DE PAGE
/* ============================================================================================== */
#footer			{ float:right; width:800px; text-align:center; color:#677075; padding:5px 0 20px 0; font-size:11px; border-top:1px solid #DACEF0; }
#footer A 		{ color:#677075; text-decoration:none; }
#footer A:hover 	{ text-decoration:underline; }


/* ============================================================================================== */
/* ====== EVENEMENTS
/* ============================================================================================== */
/* ==> présentation de l'article */
.chapo		{ color:#996633; font-weight:bold; font-size:13px; text-align:justify; }
.contain	{ font-size:11px; text-align:justify; line-height:1.5;  margin:2.5em auto; }
/* ==> organisation des colonnes */
#gauche		{ float: left;  width: 340px; }
#droite 		{ float: right; width: 340px; }
#events			{ width: 300px; border: 1px solid #C3CEE4; margin: 0 0 20px 0; padding: 0 10px 5px 10px; }
#events H2		{ border-bottom: 1px solid #C3CEE4; margin-top: 10px !important; }
#events A		{ text-decoration:none; color:#748DC5; }
#events LI		{ margin:0 0 0 -50px; }
#events .resume	{ font-size:10px; text-align:justify; text-decoration:none; padding-bottom:8px; }
#events .date	{ font-size:10px; color:#A56486; font-weight:bold; text-decoration:none; }
/* ==> affichage de la liste des événements */
#list_events H1			{ margin-top:10px; }
#list_events			{ list-style:none !important; }
#list_events LI			{ margin:0 0 0 30px; line-height:1.5em; }
#list_events A			{ text-decoration:none; color:#748DC5; }
#list_events A:hover	{ color:#88DD35; }
#list_events IMG		{ padding-right:10px; }


/* ============================================================================================== */
/* ====== TROMBINOSCOPE + FICHE COLLABORATEUR
/* ============================================================================================== */
#trombi					{ float:left;  }
#trombi IMG 			{ border:none; }
#trombi A				{ color:#2D306F !important; }
#trombi A SPAN	{ color:#000 !important; }

#statut					{ font-style:italic; font-family:sans-serif; }

#collaborateur	{ float: right; width: 340px; margin-bottom: 50px; }
#collaborateur P.carreBleu {
	background: url(../pics/charte/li-bleu-moyen.gif) top left no-repeat;
	padding-left: 15px;
	line-height: 15px !important;
	margin: 20px 0 20px 0 !important; 
	text-align:justify;
}
#collaborateur .entete {
	font-weight:bold;
	border-bottom: 1px solid #C3CEE2;
	margin-bottom: 20px;
	margin-top: 0 !important;
	font-size: 18px !important; 
	color: #986275;
	font-style:italic;
}


/* ============================================================================================== */
/* ====== TOOLTIP (popup d'information)
/* ============================================================================================== */
.tool 	{ text-decoration:underline; cursor:help; color:#A45DA5; }
#tooltip, #tooltip1, #tooltip2, #tooltip3  { z-index:100000; background-color:#E9DBF7;-moz-border-radius:12px; border-radius:12px; }
.tooltip {
	max-width:350px;
	margin:0;
	padding:10px;
	font-size:11px;
	color:#666;
	border:5px solid #ccc;
	text-align:justify; 
}


/* ============================================================================================== */
/* ====== NEWSLETTER
/* ============================================================================================== */
#newsletter H2		{ text-align:center; margin:0; }
#newsletter .auteur	{ font-style:italic; text-align:center; color:#336699; font-size:10px; }
#newsletter .let		{ 
    font-size: 11px;
    line-height: 1.5;
    margin: 2.5em auto;
}
#newsletter .let:first-letter {
    float: left;
    font-size: 4em;
    line-height: 3;
    margin-right: 0.2em;
}
#newsletter .high 	{ font-variant: small-caps; }
#newsletter .visuel	{ color:#A45DA5; font-weight:bold; }

#carousel		{ width:700px; height:320px; overflow:scroll; /*z-index:10000; background-color:#DEDEDE;-moz-border-radius:12px; */}
#alt-text		{
	background-color:#09307B;
	-moz-border-radius:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-size:25px;
	font-family:sans-serif;
	padding:10px;
	font-variant: small-caps;
	letter-spacing:8px;
}


/* ============================================================================================== */
/* ====== DIVERS
/* ============================================================================================== */
/* ----- BROCHURE       ----- */
#brochure 			{ float: right; padding: 40px 0 0 0 !important; margin: 0 0 0 0 !important; }

/* ----- BANNIERE       ----- */
.banner			{ color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:9px; font-family:sans-serif; }
.banner:hover	{ color:#EAC58D; }

/* ----- LEGENDE        ----- */
#legende	{ list-style:none !important; margin:0px !important; }
#legende LI 	{ float:left; margin-left:15px; }

/* ----- PUCE           ----- */
#puce					{ float:left; }
#puce IMG 				{ height:14px; border:1px solid #787878; margin-right:5px; }
#puce A, #puce A:active	{ font-family:sans-serif; text-decoration:none; }

/* ----- CUBE     ----- */
.secteurs 		{
	font-size: 16px !important;
	text-align: center !important;
	line-height: 24px;
	padding: 0px 70px 30px 70px !important;
	border-bottom: 1px solid #C3CEE2;
	margin-bottom: 20px !important;
}

/* ----- PLAN     ----- */
#plan LI				{ /*clear:both;*/ list-style:none; font-family:sans-serif; margin:0 0 0 -45px; line-height:1.5em; }
#plan A				{ text-decoration:none; color:#748DC5; }
#plan A:hover		{ color:#88DD35; }
#plan IMG			{ margin-left:25px; padding-right:10px; }

/* ----- ENCADRE  ----- */
#cadre	{ 
	background:#C9EBF7; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;
	border: 2px solid #B0BACE;
	font-weight:bold;
	font-size:16px;
	padding:10px;
	line-height:1.5em;
	text-align:center;
	color:#003366;
	width:50%;
	margin:auto;
}


/* ============================================================================================== */
/* ====== CLASSES POUR AGREMENTS
/* ============================================================================================== */
HR		{ margin:auto; width:60%; color:#C3CEE2; text-align:center; }

.bdc	{ border:1px solid #454545; }
.bdt	{ border-top:1px solid #454545; }
.bdb	{ border-bottom:1px solid #454545; }

.ctr	{ text-align:center; }
.rgt	{ text-align:right; }
.lft	{ text-align:left; }
.jus	{ text-align:justify; }

.bld	{ font-weight:bold; }
.ita	{ font-style:italic; }

.max	{ font-size:16px; }
.min	{ font-size:10px; }


.imgGauche		{ float: left; margin: 5px 15px 10px 0; }
.imgDroite		{ float: right; margin: 5px 0 10px 15px; }

.bleu-clair		{ background: url(../pics/charte/bg-h1-bleu-clair.gif) top left no-repeat; }
.bleu-fonce		{ background: url(../pics/charte/bg-h1-bleu-fonce.gif) top left no-repeat; }
.bleu-moyen		{ background: url(../pics/charte/bg-h1-bleu-moyen.gif) top left no-repeat; }
.jaune 			{ background: url(../pics/charte/bg-h1-jaune.gif) top left no-repeat; }
.marron 			{ background: url(../pics/charte/bg-h1-marron.gif) top left no-repeat; }
.orange			{ background: url(../pics/charte/bg-h1-orange.gif) top left no-repeat; }
.rouge			{ background: url(../pics/charte/bg-h1-rouge.gif) top left no-repeat; }
.vert			{ background: url(../pics/charte/bg-h1-vert.gif) top left no-repeat; }
.violet 			{ background: url(../pics/charte/bg-h1-violet.gif) top left no-repeat; }
.spacer			{ clear: both; }
.bleu 			{ color: #2D306F; }
.azur			{ color: #325796; }

a.mail			{ color:#323265; font-weight:bold; text-decoration:none; }

.arrondi 		{ -moz-border-radius:12px; -webkit-border-radius:12px;  border-radius:12px;  /* behavior: url(/PIE.htc);*/ }

a.weblink			{ color:#323265; font-weight:bold; text-decoration:none; }
a.weblink:hover		{ color:orange; }