/*--- GLOBAL ----------------------------------------------------------*/
/*---------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	}
   
body{
	background-color:#19171c;
	}

h1{
	margin: 0px;
	padding: 0px
	}
	a#home{
	text-indent: -5000px;
	display: block;
	width: 889px;
	height: 95px;
	}

div#global {
	 position:absolute;
	 background: url(../imgs/bg.jpg) 0px 0px no-repeat;
     left: 50%; 
     top: 50%;
     width: 981px;
     height: 622px;
	 margin-left: -490px;
     margin-top: -280px;
     }

div#main {
     width: 890px;
     height: 431px;
	 margin-left: 31px;
	 border: 14px solid #efefef;
	 /*border:1px solid red;*/
	 background-color: #e0e0e0;
     }
     
a#signature:link, a#signature:active, a#signature:visited{
	float: right;
	display: block;
	text-indent: -5000px;
	width: 100px;
	height: 16px;
	background: url(../imgs/signature.gif) 0px 0px no-repeat;
	margin-right: 45px;
	margin-top: 20px;
	}
	a#signature:hover{background-position: 0px -16px;}

/*--- NAV PRINCIPALE-------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
ul#nav{
	margin-left: 29px;
    margin-bottom: 15px;
    height: 18px;
    }
	
ul#nav li{
	float: left;
	list-style-type: none;
	display:inline;
	margin:0px 0px 0px -29px;
	}
	
ul#nav li a{
    display: block;
    height: 18px;
	text-indent:-5000px;
	}


a#bnantois:link, a#bnantois:active, a#bnantois:visited{
	width: 192px;
	margin-left: 25px;
    background: url(../imgs/navnantois.gif) 0px 0px no-repeat;
    }
    a#bnantois:hover{background-position: 0px -18px;}

a#abscisse:link, a#abscisse:active, a#abscisse:visited{
	width: 227px;
    background: url(../imgs/navabscisse.gif) 0px 0px no-repeat;
    }
    a#abscisse:hover{background-position: 0px -18px;}

a#valsabris:link, a#valsabris:active, a#valsabris:visited{
	width: 197px;
    background: url(../imgs/navvalsabris.gif) 0px 0px no-repeat;
    }
    a#valsabris:hover{background-position: 0px -18px;}



/*--- NAV SECONDAIRE - PARCOURS,REA,PROJET-----------------------------*/
/*---------------------------------------------------------------------*/

div#menu_nantois{
	float:left;
	background: url(../imgs/bg_contact_nantois.gif) no-repeat left bottom;
	width:222px; 
	height:431px;
	}
	
div#menu_valsabris{
	float:left;
	background: url(../imgs/bg_contact_valsabris.gif) no-repeat left bottom;
	width:222px; 
	height:431px;
	}
	
div#menu_abscisse{
	float:left;
	background: url(../imgs/bg_contact_abscisse.gif) no-repeat left bottom;
	width:222px; 
	height:431px;
	}

	
div#s_menu {
	float:left;
	width:223px; 
	height:431px;
	background: #e0e0e0 url(../imgs/bg_smenu.jpg) top left repeat-y;
	}
	* html div#global div#main div#s_menu{
		width:220px;
		}
	
div#contenu {
	overflow: hidden;
	float: left;
	width: 445px;
	height: 431px;
	background: #e0e0e0 url(../imgs/bg_smenu.jpg) top left repeat-y;
	}
	
div#contenuscroll {
	overflow: hidden;
	width: 430px;
	height: 431px;
	background: #e0e0e0 url(../imgs/bg_smenu.jpg) top left repeat-y;
	}
	* html div#global div#main div#contenu div#contenuscroll{
		width:427px;
		}
	
ul#liste{
	margin-bottom: 215px;
	height: 93px;
	}
	* html div#global div#main div#menu ul#liste{margin-bottom: 200px;}
	
	ul#liste_nantois{
	margin-bottom: 215px;
	height: 87px;
	}
	* html div#global div#main div#menu ul#liste_nantois{margin-bottom: 170px;}

ul#liste, ul#nav3, ul#liste_nantois{
	list-style-type: none;
	}

ul#liste li a, ul#nav3 li a, ul#liste_nantois li a{
	display: block ;
	height:31px;
	width: auto;
	text-transform: uppercase;
	font: 12px/31px normal Arial, helvetica, sans-serif;
	color: #19171c;
	padding-left: 20px;
	text-decoration: none;
	border-bottom: 1px dotted #bdbcb1;
	}

ul#liste li a:hover, ul#liste_nantois li a:hover{
	background-color: #d6d6d3;
	}

ul#nav3 li a:hover {
	background: #d6d6d3 url(../imgs/bg_links_smenu.jpg) 0px 0px repeat-y;
	}	

	/*--- SCROLLBARS-----------------------------*/
    .scrollbar-vert{
    	clear: both;
        height: 431px;
        width: 15px;
        float:right;
        background: transparent url(../imgs/bg_scrollbar.jpg) 0px 0px no-repeat;
    }
    .handle-vert{
        height: 51px;
        width: 15px;
        background: transparent url(../imgs/scroller.gif) 0px 0px no-repeat;
    }


	/*--- CONTACTS-----------------------------*/
	h2{
		text-transform: uppercase;
		padding-left: 20px;
		font: 14px lighter Arial, helvetica, sans-serif;
		color: #efefef;
		margin-bottom: 10px;
		}
	
	p.contact {
		padding-left: 20px;
		font: 11px lighter Arial, helvetica, sans-serif;
		color: #FFFFFF;
		}
		
	a.mailcontact:link, a.mailcontact:active, a.mailcontact:visited{
		font: 11px lighter Arial, helvetica, sans-serif;
		color: #FFFFFF;
		border-bottom: 1px dotted #FFFFFF;
		}
		a.mailcontact:hover{
		color: #efefef;
		border-bottom: 1px solid #FFFFFF;
		}


/*--- CONTENU  --------------------------------------------------------*/
/*---------------------------------------------------------------------*/

h3{
	text-transform: uppercase;
	padding-left: 20px;
	font: 13px lighter Arial, helvetica, sans-serif;
	color: #19171c;
	margin-bottom: 10px;
	margin-top: 6px;
	}
		
		span.italic{
		font: italic 13px lighter Arial, helvetica, sans-serif;
		}

p.contenu {
	padding-left: 20px;
	padding-right: 10px;
	font: 11px lighter Arial, helvetica, sans-serif;
	color: #61605A;
	margin-bottom: 10px;
	}
	
span.titre4{
	clear: both;
	font: 12px lighter Arial, helvetica, sans-serif;
	color: #19171c;
	}



h4{
	clear: both;
	text-transform: uppercase;
	font: 13px/31px bolder Arial, helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #afaea2;
	margin-bottom: 10px;
	display: block;
	height: 31px;
	}
	
	.date{
	padding-left: 20px;
	padding-right: 10px;
	margin-right: 10px;
	text-transform: uppercase;
	float: left;
	font: 13px/31px lighter Arial, helvetica, sans-serif;
	color: #61605A;
	background-color: #d6d5cf;
	display: block;
	height: 31px;
	}
	
.references{
	font: 12px lighter Arial, helvetica, sans-serif;
	color: #61605A;
	margin-bottom: 10px;	
	}
	
div#boximage img{
	padding: 4px;
	background-color: #d6d5cf;
	border: 1px solid #afaea2;
	}

div#boximage{
	float:left;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	height:125px;
	width:150px;
	}
	
div#boximage_news img{
	padding: 5px 0px 0px 0px;
	}

div#boximage_news{
	margin-right: 20px;
	margin-left: 20px;
	overflow: hidden;
	height:125px;
	width:150px;
	}

.description{
	text-transform: uppercase;
	font: 11px lighter Arial, helvetica, sans-serif;
	color: #afaea2;
	margin-bottom: 10px;	
	}
	
.news{
	font: 12px lighter Arial, helvetica, sans-serif;
	color: #333;
	padding-left: 20px;
	}
	
a.lienpresse:link, a.lienpresse:active, a.lienpresse:visited{
		font: 12px lighter Arial, helvetica, sans-serif;
		color: #61605A;
		
		}
a.lienpresse:hover{
		color: #333;
		border-bottom: 1px dotted #FFFFFF;
		}