﻿/* Styles généraux */
body {
	font-family:"Trebuchet MS", "Lucida Grande", Tahoma, Helvetica;
	color:#666666;
	margin:0px;
	background-color:#efefef;
	font-size:13px;
}

#GLOBAL {
	max-width:1280px;
	min-width:1024px;
	margin:auto;
	background-image:url('../img/bg_bleu.png');
}

#header {
	background-image:url('../img/header.jpg');
	text-align:center;
	height:160px;
}

#TOP { margin:-30px 10px 20px 0px; text-align:right; }
#TOP a { text-decoration:none; }
#a_connection input { font-size:12px; border-radius:5px; -moz-border-radius:5px; padding:1px; -webkit-border-radius:5px; border:1px; }

a, a:hover, a:active, a:visited { font-weight:bold; color:#0066CC; cursor:pointer; text-decoration:underline; }
a img { border:0px; }
.spacer{ clear:both }
a.textlink { text-decoration:none; color:inherit; }
a.nounderline { text-decoration: none; }

/*div#assoces-presentation div {
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#fefefe; padding:5px; margin:10px; clear:both; border:2px #bfe2f6 solid;
}

div#assoces-presentation ul { list-style: none; margin:0; }
div#assoces-presentation li { padding-left:224px; }
div#assoces-presentation span { font-weight:bold; color:#999999; }
div#assoces-presentation img { padding:0.2em; border:1px #bfe2f6 solid; float:left; width:200px; margin:3em 1em 2em 1em; }
*/
div#assoces-presentation div {
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#fefefe; padding:5px; margin:10px; clear:both; border:2px #bfe2f6 solid;
}
div#assoces-presentation ul { list-style: none; margin:0; }
div#assoces-presentation li{ padding-left:224px; }
div#assoces-presentation span { font-weight:bold; color:#999999; }
div#assoces-presentation li.assoces-presentation-nom { font-size:1.5em; padding:0.5em 0 0.5em 0; padding-left:0; }
div#assoces-presentation img { padding:0.2em; border:1px #bfe2f6 solid; float:left; width:200px; margin:3em 1em 2em 1em; }
.clear { clear:both; }

/*************** MENU PRINCIPAL ****************/
a.TAB_button span { position:absolute; top:-500px; }
a.TAB_button { float:left; display:block; }

li#TAB_accueil {
	float:left;
	margin-left:-40px;
	width:142px;
	height:160px;
}
li#TAB_accueil:hover {
	background-image:url('../img/header/accueil_hover.jpg');
}
li#TAB_accueil a {
	margin-top:75px;
	margin-left:0px;
	width:142px;
	height:55px;
}
li#TAB_cercle {
	float:left;
	width:111px;
	height:160px;
}
li#TAB_cercle:hover {
	background-image:url('../img/header/cercle_hover.jpg');
}
li#TAB_cercle a {
	margin-top:65px;
	margin-left:0px;
	width:105px;
	height:55px;
}
li#TAB_poles {
	float:left;
	width:126px;
	height:160px;
}
li#TAB_poles:hover {
	background-image:url('../img/header/photos_hover.jpg');
}
li#TAB_poles a {
	margin-top:55px;
	margin-left:0px;
	width:126px;
	height:55px;
}
li#TAB_postit {
	float:left;
	width:111px;
	height:160px;
}
li#TAB_postit:hover {
	background-image:url('../img/header/postit_hover.jpg');
}
li#TAB_postit a {
	margin-top:45px;
	margin-left:2px;
	width:90px;
	height:55px;
}

li#TAB_partenaires {
	float:left;
	width:185px;
	height:160px;
}
li#TAB_partenaires:hover {
	background-image:url('../img/header/partenaires_hover.jpg');
}
li#TAB_partenaires a {
	margin-top:29px;
	margin-left:0px;
	width:171px;
	height:55px;
}

li#TAB_forum {
	float:left;
	width:131px;
	height:60px;
}
li#TAB_forum:hover {
	background-image:url('../img/header/forum_hover.jpg');
	background-repeat:no-repeat;
}
li#TAB_forum a {
	margin-top:22px;
	margin-left:0px;
	width:96px;
	height:40px;
}

li#TAB_ensiwiki {
	float:left;
	width:135px;
	height:60px;
}
li#TAB_ensiwiki:hover {
	background-image:url('../img/header/ensiwiki_hover.jpg');
	background-repeat:no-repeat;
}
li#TAB_ensiwiki a {
	margin-top:11px;
	margin-left:0px;
	width:125px;
	height:43px;
}

li#TAB_ensimag {
	float:left;
	width:100px;
	height:50px;
}
li#TAB_ensimag a {
	margin-top:0px;
	margin-left:0px;
	width:100px;
	height:45px;
}

/*************** MODULES ****************/
.panel {
	padding : 10px;
	background-color:#bfe2f6;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-bottom:15px;
}
.panelContent {
	padding: 10px;
	height:100%;
	overflow:hidden;
	text-align:left;
	background-color:white;
}

.description {
	padding-top:50px;
	margin-left:300px;
}

.description_img {
	float:left;
	text-align:center;
	width:300px;
	font-weight:bold;
	padding-top:50px;
}

img.photo {
	border: 1px #c0c0c0 solid; 
	padding: 3px; 
	cursor: pointer;
}

h3.title {
	margin-bottom:2px;
	color:#EF311D; 
	font-size:20px;
}

/*************** APPLICATIONS ****************/
.closeApp {	width:12px; height:12px; float:right; background-repeat:no-repeat; background-position:0 -12px;	background-image:url('../img/close.png'); cursor:pointer; overflow:hidden; margin-top:-15px;	margin-right:5px; }
.closeApp:hover { background-position:0px 0px; }
.titleApp { position:relative; top:0px; left:0px; background-color:#7ecbf7;	font-weight:bold; margin:-5px; text-align:left;	padding:3px; text-indent:30px; border-bottom:1px #c0c0c0 solid; margin-bottom:15px; }
.footerApp { position:relative; top:inherit; bottom:0px; margin-left:-5px; margin-right:-5px; left:0px;	text-align:left; padding:5px; border-top:1px #c0c0c0 solid; margin-bottom:-17px;	margin-top:15px; }
.application { position:absolute; border:5px #333333 solid; top:0px; left:0px; width:40%; z-index:1; padding:5px; background:#efefef; padding-bottom:20px; }
input.light { font-size:13px; border:1px #c0c0c0 solid; margin-top:6px; }
