*, body
{
margin:0;
padding:0;
outline-style: none;	
}

body 
{
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 12px;
line-height: 1.4em;
height:100%;
background: url(images/bg.png) repeat-y #000829;
}

img
{
	border: none;
	margin: 0;
	padding: 0;
}

/*Site*/
#site
{
	width:980px;
}
.left
{
	float:left;
	width:190px;
}

.right
{
	float:left;
	width:780px;
	min-height: 500px;
}

.logo
{
	background:url(images/logo2.jpg) no-repeat;
	height:127px;
}

.logo h2
{
	font-size:11px;
	color:#767880;
	font-weight:normal;
	margin-left:60px;
}

.logo .slogan
{
	font-family: Georgia;
	font-size:17px;
	color:#FFF;
	margin:30px 0 0 65px;
}

.left #menu, .left #menu_btm
{
	padding:0;
	margin:0;
	list-style:none;
	display:block;
	width:186px;
}

.left #menu li
{
	border-bottom:1px solid #A2B2D1;
}

.left #menu li a
{
	display:block;
	background:url(images/dot.gif) no-repeat #002988;
	height:19px;
	padding-top:3px;
	padding-left:30px;
	font-family:Garamond;
	color:#D2DBEE;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}
.left #menu li a:hover, .left #menu .selected  a
{
	background-position:0 -22px;
}

.left #menu .espace_collab a
{
	color:#FFCC00;
	background:url(images/dotred.gif) no-repeat #002988;
}
.left #menu .espace_collab a:hover
{
	background-position:0 0;
}

.text
{
	padding-left:100px;
	padding-top:30px;
	width:400px;
	color:#FFF;
}

.text2
{
	padding-left:100px;
	padding-top:30px;
	color:#FFF;
}


.text ul, .text2 ul
{
	margin-left:20px;
}

.text ul li,.text2 ul li
{
	margin:7px 0;
}

.text h3,.text2 h3
{
	font-size:20px; 
	color:#FFF;
	font-family: Georgia;
	text-transform:uppercase;
	font-weight:normal;
}

.text h4,.text2 h4
{
	font-size:20px; 
	color:#FFF;
	font-family: Georgia;
	font-weight:normal;
	margin-left:20px;
	margin-bottom:30px;
}


.text p,.text2 p
{
	font-size:12px; 
	color:#FFF;
	margin:10px 0;
	text-align:justify;
}
.text a, .text2 a
{
	font-size:12px; 
	color:#99CCFF;
	text-align:justify;
}

.page_1
{
	background:url(images/bienvenue.gif) no-repeat;
}

.page_2
{
	background:url(images/competences.gif) no-repeat;
}

.page_3
{
	background:url(images/produit.gif) no-repeat;
}

.page_4
{
	background:url(images/service.gif) no-repeat;
}

.page_5
{
	background:url(images/contact.gif) no-repeat;
}

.page_6
{
	background:url(images/plandusite.gif) no-repeat;
}

.page_7
{
	background:url(images/email.gif) no-repeat;
}

.page_8
{
	background:url(images/aide.gif) no-repeat;
}

.page_9
{
	background:url(images/editeur.gif) no-repeat;
}

.page_10
{
	background:url(images/serviceinfo.gif) no-repeat;
}

.page_11
{
		background:url(images/actualites.gif) no-repeat;
}


.page_12
{
	background:url(images/rechercher.gif) no-repeat;
}

.big
{
	font-size:16px;
	font-weight:bold;
}
form .field, form textarea
{
	width:200px;
}

form .captcha
{
	width:107px;
}




/*Mapper*/
.mapper
{
	width:343px;
	height:384px;
	position:relative;
	float:left;
}

.mapper dl
{
	position:absolute;
	top:0;
	left:0;
	padding:0;
	margin:0;
}

.mapper dl dt
{
	display:block;
	list-style:none;
	width:9px;
	height:9px;
	position:absolute;
}

.mapper dl dt img
{
	float:left;
}


.adresses
{
	overflow:hidden;
	margin-bottom:10px;
	float:left;
	width:200px;
	margin-left:20px;
	clear: right;
}

.legende
{
	margin-bottom: 20px; 
}

.adresses .adresse
{
	font-size:10px;
}

.adresses .adresse h5
{
	font-size:13px;
}


#menu_btm
{
	background:#00226B;
	height:24px;
}

#menu_btm li
{
	display:block;
	float:left;
	margin-right:2px;
}

#menu_btm li a
{
	display:block;
	width:24px;
	height:24px;
}

#menu_btm li a span
{
	display:none;
}

#menu_btm .item_1 a
{
	background:url(images/home.gif) no-repeat;
}

#menu_btm .item_6 a
{
	background:url(images/sitemap.gif) no-repeat;
}

#menu_btm .item_7 a
{
	background:url(images/mail.gif) no-repeat;
}

#menu_btm .item_8 a
{
	background:url(images/help.gif) no-repeat;
}

#menu_btm .item_9 a
{
	background:url(images/credit.gif) no-repeat;
}

#menu_btm .item_10 a
{
	background:url(images/condition.gif) no-repeat;
}

#menu_btm .item_12 a
{
	background:url(images/search.gif) no-repeat;
}

#menu_btm li a:hover, #menu_btm .selected a
{
	background-position: 0 -24px;
}

.actu
{
	margin-bottom:30px;
}

.actus
{
 background:#1B285A;
 padding-bottom:10px;
 margin-top:30px;
}
.actus ul
{
	padding:0 15px;
}

.actus ul li
{
	list-style: square;
}
.actus ul li a 
{
	text-decoration:none;
}

.actu h5
{
	font-size:13px;
}

.actus .title
{
	background:url(images/arrow_news.gif) no-repeat 5px center #4861AA;
	padding:2px 0 2px 30px;
	font-size:12px;
	font-weight:bold;
}

.clear
{
	clear:both;
}