@import url(nav.css);
@import url(formatting.css);

body {
font-family: Arial, "Trebuchet MS", sans-serif;
font-size: 0.8em;
margin-top: 2px;
padding: 0;
background-color: #000;
}

.clear {height: 6px; clear: both;}


#conteneur {
position: absolute;
background: black;
width: 100%;
left: 50%;
margin-left: -50%;
}


#header {
        height: 108px;
background: black url(../images/coldroite_bg.gif) top left repeat-x;
}

#headerlogo {
        float: left;
        margin-left: 10px;
        height: 68px;
        padding: 40px 0 0 275px;
        color: #fff;
        font-size: 1.3em;
background: transparent url(../images/logo_obbo.gif) top left no-repeat;
}

#headertel {
        position: absolute;
        right: 1%;
        top: 10px;
        width: 170px;
        display: block;
background: transparent url(../images/encart_bg.gif) top left repeat-y; 
}

#headertelbt {
        float: right;
        width: 170px;
background: transparent url(../images/encart_bt.gif) right bottom no-repeat; 
}

#headerteltexte {
        float: right;
        width: 170px;
        padding: 15px 0;
        font-size: 1.2em;
        color: #fff;
        text-align: center;
background: transparent url(../images/encart_top.gif) right top no-repeat; 
}


#contenu {
      border-top: 1px solid black; margin-top: -1px; /* bug FIREFOX */
      /border: none; /margin: 0; /* pour IE */
      padding: 0;
      text-align: left;
background: black url(../images/colgauche_bg.gif) 10px -10px repeat-y;
}

#centre {
        margin-left: 255px;
        padding: 0;
}

#centre .text {
        width: 80%;
        margin: 0 auto;
        padding: 0;
        text-align: center;
}

#centre .accueil {
        width: 60%;
        margin: 7% auto;
        padding: 0 1em 1.5em 1em;
        text-align: left;
        border: 10px double #933;
}



#gauche {
      float: left;
      width: 260px;
      margin-left: 10px;
      padding-top: 15px;
background: black url(../images/colgauche_bg.gif) 0px -10px repeat-y;
}

#gauchebt {
        float: left;
        width: 260px;
        height: 22px;
        margin-top: -5px;
background: transparent url(../images/colgauche_bt.gif) top left no-repeat; 
}

#gauche img {
        float: left; 
        margin-left: -20px;
        background: transparent; 
}



#pied {
      clear: both; 
      background-color: #933;
      text-align: center;
      padding: 5px 0 0 20%;
}






/* begin 3 overview boxes */
#overview {
	clear: both;
	text-align: left;
	margin: 0 15px 0 14px;
	padding: 10px 0 0 0	;
	border: 0;
/*	border: 1px solid blue; */
}

#applications, #industries, #downloads, #latestnews {
	float: left;
	width: 223px;
	background: #EDF3F7 url(../images/bkgBoxBot.gif) 0px bottom repeat-x;
	margin: 0;
	padding: 0;
	border-left: 5px solid #fff;
}
#latestnews {
	float: left;
	width: 213px;
	background: #EDF3F7 url(../images/bkgBoxBot.gif) 0px bottom repeat-x;
	margin: 0;
	padding: 0;
	border-left: 4px solid #fff;
}
#applications {
	width: 220px;
	border-left: 0;
}
#downloads {
	width: 223px;
	border-left: 5px solid #fff;
}

#applications ul, #industries ul, #downloads ul, #latestnews ul {
	background-color: transparent;
	width: 200px;
}

#overview div h2 {
	padding: 0;
}
#overview div P {
	padding: 0 0 0 27px;
}
#overview div ul {
	text-align: left;
	list-style: none;
	margin: 0;
	padding: 0 0 0 27px;
}
#overview div ul li {
	background: transparent url(../images/iconArrowBlue.gif) 0px 4px no-repeat;
	margin: 0;
	padding: 0px 0px 8px 0px;
	text-indent: 14px;
}
/* end 3 overview boxes */


/* Galrerie photos */

.galleryleftList {
	margin: 0px;
	margin-left:5px;
	margin-top:20px;
}
.galleryleftList ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.galleryleftList li {
	float:left;
	margin:5px;
	margin-bottom: 3px;
}
.galleryleftList_normal a img {
	width:40px;
	height:40px;
	border: 1px solid #676666;
	padding:2px;
}

.galleryleftList_normal a:hover img {
	border: 1px solid #FFFFFF;
}
#image_agrandie {
	text-align:center;
}
#image_agrandie img{
	border: 3px solid #F2F2F2;
}