/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	width:775px;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display: inline-block;
}  

    * html .clearfix {height: 1%;}
	.clearfix {display: block;}



.mainarea { 
width: 775px;
margin: 0 auto;
background: #F0F0DF;
min-height: 100%;
}


h2,h3 {
	margin-top: 0px;
	padding-top: 0px;
}

div#head {
	left:0px;
	width:775px;
	height:238px;
	background-color: #FFFFFF;
	top: 0px;
	position: absolute;
}

div#wrapper {
	position:relative; 
	top: 0px; 
	width:775px;
	
}

div#columns {
	width: 774px;
	position: relative;
	top: 238px;
}

div#side1 {
	position:absolute;
	left:0px;
	width:171px;
	top: 0px;
	min-height:100%;
	background:url(../images/menugauche.png);
	background-repeat:repeat-y;
}

div#content {
	width: 604px;
	position: static;
	background-image:url(../images/contenu.png);
	background-repeat:repeat-y;
	margin-top: 0px;
	margin-left: 171px;
}

div#foot {
	width: 775px;
	position: absolute;
	margin-top: 0px;
}

.clear {
	clear:both;
}

/* COMPOSITION DU HEADER */

#img_gauche {
	top:0px;
	left:0px;
	height:190px; 
	width:28px; 	
}

#img_logo 	{
	position:absolute;
	top:10px;
	height:113px; 
	width:172px; 	
}

#img_onglet1 {
	position:absolute;
	left:213px;
	top:0px;
	width:71px;
	height:96px;
}

#img_onglet2 {
	position:absolute;
	top:0px;
	left:284px;
	width:71px;
	height:62px;
}

#img_onglet3 {
	position:absolute;
	top:0px;
	left:355px;
	width:71px;
	height:25px;
}

#img_droite { 
	position:absolute;
	top:0px;
	left:659px;
	width:25px; 
	height:190px; 	
}

#objflash1 {
	position:absolute;
	top:125px;
	left:16px;
}

#objflash2 {
	position:absolute;
	top:50px;
	left:405px;
}

#img_bas {
	position:absolute;
	top:190px;
	left:0px;
	height:26px;
	width:686px;
}

#img_haut {
	position:absolute;
	top:216px;
	left:0px;
	width:775px;
	height:22px;
}


/* LINK HAUT DU HEADER */

#linksociete {
	position:absolute;
	left:213px;
	top:96px;
	width:71px;
	height:25px;
}

#linkservice {
	position:absolute;
	left:284px;
	top:62px;
	width:71px;
	height:25px;

}

#linkref {
	position:absolute;
	left:355px;
	top:25px;
	width:71px;
	height:25px;
}

#img_service { border:0px; }
#img_societe { border:0px; }
#img_ref	 { border:0px; }	


/* LINK DROITE DU HEADER */
#linkaccueil {
	position:absolute;
	left:683px;
	top:96px;
	height:33px;
	width:89px;
}

#linkpartenaire	{
	position:absolute;
	left:683px;
	top:129px;
	height:30px;
	width:89px;
}

#linkcontact {
	position:absolute;
	left:683px;
	top:159px;
	height:31px;
	width:89px;
}

#img_accueil 	{ border:0px; }
#img_partenaire { border:0px; }
#img_contact	{ border:0px; }	


/* MENUS DE GAUCHE 
-----------------------------------------*/
ul#navlist
{
	position:absolute;
	left:15px;
	top:30px;
	width: 154px !important;
	width: 156px;
	padding: 0px;
	border: 1px solid #808080;
	border-top: 0px;
	margin: 0px;
	font: bold 12px verdana,helvetica,arial,sans-serif;
	background: #808080;
}

ul#navlist li
{
	list-style: none;
	margin: 0px;
	border: 0px;
	border-top: 1px solid #808080;
}

ul#navlist li a
{
	display: block;
	width: 118px !important;
	width: 154px;
	padding: 4px 8px 4px 8px;
	border: 0px;
	border-left: 20px solid #aaaabb;
	background: #ccccdd;
	text-decoration: none;
	text-align: left;
}

ul#navlist li a:link { color: #666677; }
div#navcontainer li a:visited { color: #666677; }

ul#navlist li a:hover
{
	border-color: #ff9000;
	color: #ffffff;
	background: #000d33;
}

/* IMAGES DIVERSES */

#img_marge {
	position:absolute;
	left:26px;
	top:30px;
	padding: 0px;
	border: 1px solid #808080;
	margin: 0px;
}

#img_marge2 {
	position:absolute;
	left:26px;
	top:70px;
	padding: 0px;
	border: 1px solid #808080;
	margin: 0px;
}

#img_maint {
	position:absolute;
	left:35px;
	top:70px;
	padding: 0px;
	border: 1px solid #808080;
	margin: 0px;
}

#img_serv {
	position:absolute;
	left:590px;
	top:220px;
	padding: 0px;
	border: 1px solid #808080;
	margin: 0px;
}

#img_refe {
	position:absolute;
	left:490px;
	top:75px;
	padding: 0px;
	border: 1px solid #808080;
	margin: 0px;
}

#img_part {
	position:absolute;
	left:32px;
	top:30px;
	padding: 0px;
	border: 1px solid #808080;
	margin: 0px;
}

/* POLICES */
.title {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	border-bottom:1px solid #09054D;
	color:#09054D;
}

.title2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:italic;
	color:#110D5C;
}

.text {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
}

.text2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
}


.texti {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
}