body#main {background: #FFFFFF url(gx/bg_body.gif) top left repeat-x; margin: 0; padding: 0; text-align:center;}
html {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6d6d6d;}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img {border:0; margin:0; padding:0;}


/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:hover{outline:none;}

h1 {color: #414141; font-size:17px; font-weight:normal; text-transform:uppercase; margin-bottom:17px;}
h1 a, h1 a:link, h1 a:visited {color:#414141;}

h1#home {font-size:17px; color:#414141; font-weight:normal; text-transform:none; margin:0px; padding:21px 0px 17px 0px;}
	h1#home a {font-size:17px; color:#414141;}
	
h1.tiVideo {color:#414141; font-size:17px; font-weight:normal; text-transform:uppercase; margin:10px 0px 0px 0px;}

h2 {color: #414141; font-size:15px; font-weight:normal;}
h2 a, h2 a:link, h2 a:visited {color:#414141; text-decoration:underline;}

p {font-size:12px; color:#6d6d6d; line-height:18px;}
/*p.homeIntro {font-size:11px; color:#6d6d6d; line-height:20px; padding-right:25px; text-align:justify;}*/
p.textePetit{font-size:10px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#6d6d6d; text-decoration:underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover {color:#6d6d6d; text-decoration:underline;}

ul {margin-top:25px; padding:0px;}
	ul li {color:#6d6d6d; font-size:12px; line-height:150%; list-style:square; margin:0px 0px 5px 16px;}
		ul li ul {margin-top:10px;}
			ul li ul li {list-style:circle; margin-bottom:10px;}
ul.doc {margin:0px; padding:0px;}

ul.communique {margin:0px; padding:0px;}
	ul.communique li {list-style:square; margin-bottom:15px;}
		ul.communique li a {list-style:square; margin-bottom:15px; text-decoration:underline;}
		
ul.publication {margin:0px; padding:0px;}
	ul.publication li {list-style:square; margin-bottom:5px;}
		ul.publication li a {list-style:square; text-decoration:underline;}
		
ul.siteMap {margin:0px; padding:0px;}
	ul.siteMap li {float:left; margin:0px 20px 30px 0px; padding:0px; width:180px; font-size:12px; font-weight:bold; list-style:none; text-transform:uppercase; text-decoration:none;}
	ul.siteMap li.util {width:200px; margin:0px; padding:0px; font-size:12px; font-weight:bold; list-style:none; text-transform:uppercase; text-decoration:none;}
		ul.siteMap li a {text-decoration:none;}
		ul.siteMap li a:hover {text-decoration:underline;}
			ul.siteMap li ul {margin:0px; padding:0px;}
				ul.siteMap li ul li {clear:both; margin:0px 0px 0px 10px; padding:0px; font-size:12px; font-weight:normal; list-style:circle;}

ol li{color:#1F1F1F; font-size:12px; line-height:150%; margin-left:16px;}

sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}



/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur {width:955px; margin: 0 auto 0 auto; text-align:left;}

#header {clear:both;}
	#header .searchBox {float:left; padding-top:18px;width:300px;}
		#header .searchBox .fieldSearch {float:left; width:206px; height:23px; font-size:12px; color:#424242; background:url(gx/bg_fieldSearch.gif) top left no-repeat; margin-right:3px; padding:3px 8px 0px 8px; border:0px;}
	#header #menuTop {float:right; height:60px; padding-top:0px;}
		#header #menuTop ul {margin-top:0px;float:left;}
			#header #menuTop ul li {display:inline; list-style:none; margin-left:20px;}
				#header #menuTop ul li a {line-height: 60px;font-size:10px; color:#cccccc; text-transform:uppercase; text-decoration:none;}
				#header #menuTop ul li a:hover, #header #menuTop ul li a:visited:hover, #header #menuTop ul li a.actif {color:#ce000c; text-decoration:none;}
	#header #menuTop ul.langue li a{
		background:url(gx/flag_en.gif) no-repeat center top;
		text-align:center;
		padding-top: 23px;
		padding-bottom:10px;
		line-height: 80px;
		width:80px;
	}
	#header #menuTop ul.langue li a.flag_fr{background:url(gx/flag_fr.gif) no-repeat center top;}
	#header #menuTop ul.langue li a.flag_en{background:url(gx/flag_en.gif) no-repeat center top;}
	#header #menuTop ul.langue li a.flag_es{background:url(gx/flag_es.gif) no-repeat center top;}
	#header #menuTop ul.langue li a.flag_de{background:url(gx/flag_de.gif) no-repeat center top;}
	#header #menuTop ul.langue li a.flag_ma{background:url(gx/flag_ma.gif) no-repeat center top;}
				
.both {clear:both;}

#contentFlash {width:955px; height:465px; border:1px solid #CCCCCC;}


/* MENUS
--------------------------------------------------------------------------------------- 
#menu {clear:both; margin:0px; padding:0px;}
#menu ul {height:28px; margin:0px; padding-top:17px;}
#menu ul li {padding:0; margin:0; display:inline; list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited {font-size:11px; color:#454545; text-transform:uppercase; margin:0px 13px 0px 0px; padding:16px 0px 0px 0px; text-decoration:none;}
#menu ul li a.last {margin:0px 0px 0px 0px;}
#menu ul li a:hover, #menu ul li a:visited:hover {color:#454545; border-top:2px solid #838383;}
#menu ul li a.actif, #menu ul li a.actif:visited {color:#ce000c; border-top:2px solid #ce000c;}*/


/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
/*#bannerHd {clear:both;}*/
	#bannerHd .hsepHome {clear:both; height:1px; background:url(gx/hsep_home.gif) top left no-repeat;}
	#bannerHd .bannerImg {clear:both; height:164px;}

.homeTxtIntro {float:left; width:473px;}
	.homeTxtIntro p {font-size:12px; color:#6d6d6d; line-height:18px; padding-right:25px; text-align:justify;}
	.vsepHome {float:left; height:185px; margin-top:8px; border-right:1px solid #e8e8e8;}

#listeLogoEntRes {float:left; width:254px; padding-top:26px; text-align:center;}
#listeLogoEntRes div {display:none;}
#listeLogoEntRes div.logoEntResActif {display:block;}

.homeCalendar {float:left; width:227px;}
.homeContentItem {clear:both; width:955px; height:261px; border:1px solid #d8d8d8; margin-bottom:17px; }
	.homeContentItem .item {float:left; width:228px; padding:13px 0px 0px 10px;position:relative;overflow: hidden; height: 240px;}
		.homeContentItem .item p {font-size:12px; color:#333333; line-height:16px; padding:10px 10px 0px 2px;}
			.homeContentItem .item p a.details {font-size:10px; color:#d42b35; line-height:24px; text-decoration:none; padding:0px; position:absolute; bottom:0; left:12px;}
			.homeContentItem .item p a.details:hover {color:#d42b35; text-decoration:underline;}

			
/* CALENDRIER (Calendrier d'événements calendrierEvenement.js)
--------------------------------------------------------------------------------------- */
div#CalendrierEvenement {float:left; font-size:12px; width:227px; height:135px;}
div#CalendrierEvenement div#CalendrierEvenement {background:url(gx/bg_calendar.png) no-repeat;}
#CalendrierEContent, #Calendrier {position:relative;}
div#CalendrierEvenement .header {height:50px; padding:0px 0px 0px 12px; background:url(gx/bg_tiCalendar.png) no-repeat;}
	div#CalendrierEvenement .header .titre {float:left; padding:15px 0px 0px 0px;}
	div#CalendrierEvenement .header .logo {text-align:right;}
div#CalendrierEvenement .controls {padding:3px 10px 0px 7px;}
div#CalendrierEvenement input {outline:none;}
div#CalendrierEvenement div.weekdays div {color:#324701; font-weight:bold; padding:0 0 1px 1px; font-size:11px;}
*html div#CalendrierEvenement div.days {position:absolute; left:-210px; top:20px; width:227px;}
div#CalendrierEvenement div.days div {color:#3a4e08; font-weight:bold; height:18px; line-height:18px; padding:1px;}
div#CalendrierEvenement div.days div a, div#CalendrierEvenement div.days a:visited {background:#99c617; color:#000; font-weight:bold; display:block; text-decoration:none; cursor:pointer; height:18px; }
div#CalendrierEvenement div.days div ul {position:absolute; left:0; display:none; width:210px; font-weight:normal; background:#99c417; margin:0px; padding:5px; z-index:100;}
div#CalendrierEvenement div.days div ul li {font-size:12px; color:#324700; list-style-type:square; margin:3px 16px; text-align:left;}
div#CalendrierEvenement div.days div ul li a, div#CalendrierEvenement div.days ul li a:link, div#CalendrierEvenement div.days ul li a:visited {
	display:inline;
	color:#324700; font-weight:bold;
	padding:0px;
	margin:0px;
	text-indent:0;
	background:none;
}
div#CalendrierEvenement div.days a:hover {text-decoration:underline; }
div#CalendrierEvenement div.days div {margin:-1px 0 0 -1px; }
		
	
/* NEWSLETTER
--------------------------------------------------------------------------------------- */
#newsletterContent {float:left; width:420px; min-height:44px; background:#bcbcbc; font-size:12px; color:#383434; margin-bottom:17px; padding-bottom:5px;}
	#newsletterContent .tiNewsletter {float:left; margin-right:8px; padding:16px 0px 0px 10px;}
	#newsletterContent .fieldNewsletter {float:left; width:149px; height:23px; font-size:12px; color:#828181; margin:11px 4px 0px 0px; padding:3px 7px 0px 7px; background:url(gx/bg_fieldNewsletter.gif) top left no-repeat; border:0px;}
	
	
/* PAGE CONTENU
--------------------------------------------------------------------------------------- */
#contenu {min-height:450px;}
*html #contenu {height:500px;}
#contentGen {clear:both; width:700px; margin:21px 0px 25px 0px;}
#contentWide {clear:both; width:955px; margin:21px 0px 25px 0px;}

#content {clear:both; width:955px; min-height:280px; margin:21px 0px 25px 0px; background:url(gx/vsep.gif) top left no-repeat;}
	#content #leftCol {float:left; width:455px; padding-right:20px;}
	#content #rightCol {float:left; width:455px; margin:37px 0px 0px 0px; padding:0px 0px 0px 20px;}
	/*#content #leftCol {float:left; width:526px; padding-right:20px;}
	#content #rightCol {float:left; width:382px; margin:37px 0px 0px 0px; padding:0px 0px 0px 20px;}*/
		#content #rightCol .bgImg {/*width:305px; height:237px;*/ margin-top:10px; /*padding:5px 0px 0px 5px; background:url(gx/bg_rightColImg.gif) top left no-repeat;*/}
			img.picture {border:3px solid #dbdbdb; padding:5px; z-index:1000;}
			
p.top {font-size:11px; width:955px; text-align:right;}

/* # S'implanter dans nos campus
--------------------------------------------------------------------------------------- */
#btEspacesDisponibles{float:left; width:283px; height:29px; margin-top:50px;}
#btIframeEspacesDispo{margin-left:100px;width:840px;display:block;}

/* PAGE LA VIE AU TECHNOPARC
--------------------------------------------------------------------------------------- */
.campusContentItem {clear:both; width:955px; height:261px; margin-bottom:17px;}
	.campusContentItem .item {float:left; width:300px; padding:13px 18px 0px 0px;}
		.campusContentItem .item p {font-size:12px; color:#333333; line-height:16px; padding:10px 10px 0px 2px;}
			.campusContentItem .item p a.details {font-size:10px; color:#d42b35; line-height:24px; text-decoration:none; padding:0px;}
			.campusContentItem .item p a.details:hover {color:#d42b35; text-decoration:underline;}


/* PAGE LA VIE AU TECHNOPARC
--------------------------------------------------------------------------------------- */
.lifeContentItem {clear:both; width:955px; height:261px; margin-bottom:17px;}
	.lifeContentItem .item {float:left; width:228px; padding:13px 10px 0px 0px;}
		.lifeContentItem .item p {font-size:12px; color:#333333; line-height:16px; padding:10px 10px 0px 2px;}
			.lifeContentItem .item p a.details {font-size:10px; color:#d42b35; line-height:24px; text-decoration:none; padding:0px;}
			.lifeContentItem .item p a.details:hover {color:#d42b35; text-decoration:underline;}


/* PAGE PARTENAIRES/ENTREPRISES RÉSIDENTES
--------------------------------------------------------------------------------------- */
.row {width:450px; margin-bottom:30px; padding:10px;}
.row2 {width:700px; height:auto; margin:0px 0px 15px 20px; padding:20px; /*border:1px solid #EEEEEE;*/}
	.lg {float:left; width:120px; margin-right:10px;}
		/*.lg img {padding:3px; border:3px solid #dbdbdb;}*/
	.descr {float:left; width:500px;}
	
.hsepEnt {clear:both; height:1px; margin:10px 0px 40px 0px; background:url(gx/hsep_home.gif) top left no-repeat;}
	
p.entTop {float:right; font-size:11px; margin-bottom:15px;}

ul.ent {margin:0px 0px 30px 0px; padding:0px}
	ul.ent li {list-style:square;}
	
	
/* Outils d'info-bulles en javascript onMouseover="ddrivetip('')"
************************************************************** */
#dhtmltooltip { position: absolute; left: -300px; width: 150px; padding: 10px; visibility: hidden; z-index: 100; text-align : left; }
#dhtmltooltip dt, #dhtmltooltip dd { width : auto; padding : 0; margin : 0 }
#dhtmltooltip dd { padding-left : 5px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #9A6219; text-align: left; }
#dhtmltooltip dt { margin-bottom : 2px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #513903; text-align: left;}
#dhtmlpointer { position:absolute; left: -300px; z-index: 101; visibility: hidden; }
#dhtmltooltip { border: 1px solid #dddddd; background-color: #FFFFFF; color : #000; }
#dhtmltooltip dt { color : #000; border-bottom : 1px solid #000; }
	
/* PAGE PHOTOS
--------------------------------------------------------------------------------------- */
div.boiteGalerie{position: relative; top: -5px; width:955px; height: 140px; margin-bottom:50px; border:1px solid #dbdbdb;}
div.boiteGalerie div.carousel div.carousel-control{float:left; width:55px; height:112px; cursor: pointer; }
div.boiteGalerie div.carousel div.carousel-control span{ display: none; }
div.boiteGalerie div.carousel div.carousel-previous{ background: url(Gx/carousel_btn_gauche.gif) no-repeat 15px 54px; }
div.boiteGalerie div.carousel div.carousel-next{ background: url(Gx/carousel_btn_droite.gif) no-repeat 10px 54px; }
div.boiteGalerie div.carousel div.carousel-wrap{width:837px; height:112px; float: left; margin: 15px 0px 0px 7px; }
div.boiteGalerie div.carousel ul {width:840px; height:112px; margin: 0; padding: 0; }
div.boiteGalerie div.carousel ul li {float:left; width:120px; height:112px; margin: 0; padding: 0; list-style-type: none; background: none; }
div.boiteGalerie div.carousel ul li a {width:112px; height: 112px; margin: 0 0 0 4px; padding: 3px 0 0 0; display: block; cursor: pointer; }
div.boiteGalerie div.carousel div.carousel-control:hover{ -moz-opacity:.6;opacity:0.60;filter:alpha(opacity=60); }
div.boiteGalerie div.carousel div.carousel-control.disabled,
div.boiteGalerie div.carousel div.carousel-control.disabled:hover{ -moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default; }


/* PAGE PUBLICATIONS
--------------------------------------------------------------------------------------- */
.contentPublication {width:435px; height:auto; margin-bottom:50px; padding:10px; border:1px solid #dbdbdb;}


/* PAGE QUOI DE NEUF
--------------------------------------------------------------------------------------- */
.itemPost {width:670px; margin-top:5px; padding:15px; background:#EEEEEE; float:left;}
.itemComments1 {width:648px; padding:15px; border:1px solid #CCCCCC;}
.itemComments2 {width:648px; padding:15px; border:1px solid #EEEEEE;}
	.itemHeader {padding-bottom:30px;}

.hsepPost {clear:both; height:1px; margin:10px 0px 40px 0px; background:url(gx/hsep_home.gif) top left no-repeat;}
	
p.topBlog {font-size:11px; width:850px; text-align:right;}


ul.tiPost {float:right; margin:17px 150px 0px 0px; padding:0px;}
	ul.tiPost li {font-size:11px; text-transform:uppercase; margin:0px; padding:0px; list-style:square;}
		ul.tiPost li a {color:#6d6d6d; text-decoration:none;}
			ul.tiPost li a:hover {color:#ce000c;}
	
ul.post {float:left; width:700px; margin:0px 0px 0px 0px; padding:0px;}
	ul.post li {margin:0px; padding:0px; list-style:none;}
		ul.post li ul {width:680px; margin:0px 0px 0px 20px; padding:0px;}
			ul.post li ul li {margin:2px 0px 0px 0px; padding:0px;}
			


.btContenuDroiteImage{float:left; margin:5px 0 0 10px;}
			
/* PAGE RECHERCHE
--------------------------------------------------------------------------------------- */
.hsepSearch {clear:both; height:1px; margin:40px 0px 40px 0px; background:url(gx/hsep_home.gif) top left no-repeat;}
.boiteResultat {width:700px; background:#EEEEEE; display:block; margin:5px 0; padding:17px;}


/* PAGE CONTACT / MAP GOOGLE
--------------------------------------------------------------------------------------- */
#map {float:left; width:375px; height:300px; border:1px solid #eeeeee;}


/* ICONES GÉNÉRALES
--------------------------------------------------------------------------------------- */
.lienRSS {background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienPDF {background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
.bgPiedPage {width:100%; height:75px; padding:0px; background:url(gx/bg_footer.gif) top left repeat-x;}
#piedPage {width:955px; font-size:11px; color:#cecece; margin:0px auto 0px auto; padding-top:12px;}
	#piedPage a {color:#cecece; text-decoration:none;}
		#piedPage a:hover {color:#FFFFFF;}
		
	#piedPage #copyrights {float:right; font-size:11px; margin:0; text-align:left;}
		#piedPage #copyrights a {color:#2c2b2b; font-weight:bold; text-decoration:none;}
		#piedPage #copyrights a:hover {color:#575656; font-weight:bold; text-decoration:none;}
	#piedPage #copyrights #lienCopyrights {font-weight:normal; text-decoration:none; color:#2c2b2b;}
		#piedPage #copyrights #lienCopyrights:hover {font-weight:normal; text-decoration:none; color:#575656;}

#piedPage #menuBas {float:left; text-align:left;}


/* Partager cette page (bookmarker) */
#socialBookmarker {float:right; width:165px; height:20px; margin-bottom:10px; padding:4px 0px 0px 26px; background:url(gx/bg_bookmark.gif) top left no-repeat;}
#socialBookmarkerPrefix {float:left;cursor:default; font-size:11px; color:#ababab; font-weight:bold; text-transform:uppercase;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup {position:absolute; border:solid 1px; background-color:white; text-align:left; padding:4px; width:315px; display:none;}
#bookmarkHoverPopup .bookmarkHoverPopupItems {float:left; width:150px; height:25px; margin-right:4px;}

#bookmarkHoverPopup .bookmarkHoverPopupItems a {line-height:25px; height:25px;}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited {border:none; color:black; display:block; text-decoration: none; width:150px; padding-left:2px; border: 1px solid #fff;}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover {text-decoration: none; color:#333333; border: 1px solid #666; width:150px; height:25px; display:block; background-color:#eee; padding-left:2px;}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
form {width:526px;}
fieldset {border:0px solid #000; font-size: 11px; margin:12px 0px 10px 0px;}
fieldset legend {border: 0px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label {font-size:12px; color:#6d6d6d; font-weight:bold; margin:2px 0 2px 0;}

/* Formulaire contact */
#formulaireQuestion fieldset label {float:left; width:150px;}
#formulaireQuestion .champTexte {float:left; width:295px; padding:3px 0px 3px 5px;}
#formulaireQuestion .listeDeroulante {float:left; width:300px;}
#formulaireQuestion .boiteTexte {float:left; height:70px; width:330px; padding:3px 0px 3px 5px;}

/* Formulaire blogue */
form#formulaireBlogue {margin:0px;}
#formulaireBlogue fieldset label {float:left; width:100px;}
#formulaireBlogue .champTexte {float:left; width:250px; padding:3px 0px 3px 5px;}
#formulaireBlogue .boiteTexte {float:left; height:70px; width:400px; padding:3px 0px 3px 5px;}

.champTexte {background: #FFFFFF; border: 1px solid #dcdcdc; color: #6d6d6d; font-size: 11px; margin:4px 0 4px 0;}
.listeDeroulante {background: #FFFFFF; border: 1px solid #dcdcdc; color: #6d6d6d; font-size: 11px; margin:2px 0 2px 0;}
.boiteTexte {background: #FFFFFF; border: 1px solid #dcdcdc; color: #6d6d6d; font-family:Arial, Helvetica, sans-serif; font-size: 11px; margin:4px 0 4px 0;}
.bouton {background-color: #EEF3F7; color: #498ECB; font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;}

.champCache {display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur {color:#FF0000;}