body {
	background: #eee;
	color: #000;
	padding: 0px 0 0px 0px;
}
a {
	color: #333;
	text-decoration:none;
}
a:hover {
	text-decoration: none; color: #e10d1c;
}

.more a:link, .more a:visited {font-style: italic;}
.more a:hover {color: #000;}

.extranet {padding: 5px; background: #f7f7f7;}

#main h1, #main h2 {
	font-family: Corbel; text-transform: uppercase; letter-spacing: 0.1em; font-weight: bold;
}

#main h3, #main h4, #main h5  {
	font-family: Corbel; text-transform: uppercase; letter-spacing: 0.1em;
}

#main p {
	/*border: 1px dotted #666;*/
	overflow: hidden;
	padding: 5px 15px 5px 0px;;
	word-spacing: 1px;
}

#main p .goto {
	color: #e10d1c;
}

#main .login{
	display: block;
	overflow: hidden; height: 30px;
	padding: 10px 0 0px 0; font-size: 0.8em;
	text-align: right; text-transform: uppercase;
}

#main .login a:hover{
	background: #fff;
}

#main .empty {
	border-top: 1px solid #EEEEEE;
	overflow: hidden; margin-top: 40px;
	text-align: left;
	padding-top: 10px; margin-right: 20px;
	color: #282424;
}

#main .tablelisting {
	border: 0;
	overflow: hidden; margin-top: 40px;
	text-align: left;
	padding-top: 0px; margin-right: 20px;
	color: #e10d1c;
}


#main .margintop {
	overflow: hidden; margin-top: 40px;
	text-align: left;
	padding-top: 10px; margin-right: 0px;
}

#main .coord {
	border-top: 1px solid #EEEEEE;
	overflow: hidden;
	text-align: left;
	padding-top: 10px; margin-right: 20px;
	color: #000;
}


#main .bottomline {
	border-bottom: 1px dotted #666;
	padding-bottom: 20px;
}

#main .overline {
	position: relative; left: 8px; top: 240px;
	width: 480px;padding: 0px 0 0 0;
	background: url('../images/pattern.gif') x-repeat; 
	line-height: 0px; color: #e10d1c; font-weight: 800;
	text-transform: uppercase; z-index: 1;
}

/*
#main ul {
	float : left; margin: 0 0px 0px 0;
	width: 200px; height: 100px;
	overflow: hidden;
	padding: 10px 0;
	}
	
#main ul li {
	padding: 1px 0;
	margin-left: 0px;
	}	

#main ul li a {
	padding: 0px 0; text-decoration: none;
	}
	
#main ul li a:hover {
	text-decoration: none; color: #e10d1c; text-transform: uppercase;
	}	
*/	
	

#main {
	background-color:#FFFFFF;
	/*background-image: url(../images/980_4_20.png);
	background-repeat: repeat-y;*/
}

#main .header {
	display: block;
	/*border-bottom: 1px dotted #e6e6e6;*/
	overflow: hidden;
	padding: 10px 0;
	text-align: center;
	font-size: 80%;
}

.acces { display: block;
	float: left; width: 100px; padding-top: 23px;
}


.outils { display: block;
	float: left; width: 100px; padding-top: 23px;
}

.profils { display: block;
	float: left; width: 160px; padding-top: 23px;
}

#brand {
	margin-top: 5px; margin-left: 0px;
	background: url('../images/Logo-CAOGRAFIA-2009.png')  top left no-repeat;
	padding-bottom: 0px; text-indent: -200em;
}

#brand a {
	display: block; overflow: hidden;
	width: 200px; height: 50px;
	text-decoration: none
}

.citation {
	font-size: 1em;
	width: 440px; overflow: hidden; /*text-indent: -200em;*/
	padding: 0px 0;
/*
	background: url('../images/signature-caografia-.png') 0% 40% no-repeat;
*/
	display: block;  
}	

.liint li { margin: auto 0; padding: auto 0;}

#apropos{
position: absolute; top: 105px; left: 380px;width: 700px; height:500px; padding: 10px;
}


#nous {
	position: absolute; top: 232px; left: 655px;
    width: 190px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
	overflow: hidden; /* important */ padding: 20px 0 0 0;
}


#nousContent {
    width: 190px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	left: 0;
}
.nousImage {
    float: left;
    position: relative;
	display: none; margin: 0px 0 0 0px; padding: 0;
}
.nousImage span {
    position: absolute;
	font-size: 0.95em;
    padding: 0px 0 0 0px;
    width: 190px;
    color: #000;
    display: none;
}

.nousImage span h2 {
text-transform: lowercase;
}

.nousImage span a {
text-transform: uppercase;
}


#slider {
	position: absolute; top: 210px; left: 903px;
    width: 280px; /* important to be same as image width */
    height: 280px; /* important to be same as image height */
	overflow: hidden; /* important */ padding: 10px;
	background: url('../images/partenaires.png') top left no-repeat; border: 1px solid #eee;

}

#sliderContent {
    width: 280px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none; margin: 20px 0 0 10px; padding: 0;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 10px;
    width: 260px;
    background-color: #fff;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
	-khtml-opacity: 0.9;
    opacity: 0.9;
    color: #000;
    display: none;
}

.sliderImage span h2 {
text-transform: lowercase;
}

.sliderImage span a {
text-transform: uppercase;
}

.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 25px;
	left: 0;
}
.bottom {
	bottom: 4px;
    left: 0;
}
ul { list-style-type: none;}

.footer {
	position: absolute;
	bottom: 0; padding: 0px;
}

#footer {
	width: 860px; height: 17px; font-size: 0.8em;
	position:fixed; padding: 10px 10px 10px 20px;
	z-index: 2;
	bottom: -5px;
	left: 40px;
	background: #ececec;
}

#footer .mentions {float: left;} #footer .signature {float: right; font-size: 1.2em;}