

body {
width: 1010px;
padding: 0;
margin: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
font-family: verdana;
font-size:10pt;
background: #ededed url(img/menu/body_bg_new.jpg) repeat-x;
z-index:1;
line-height:150%;
}


.container {
	width: 1010px;
	margin: 0 auto;
	z-index:10;
}
#header {
	background: url(img/header_new.jpg) no-repeat center top;
	padding-top: 120px;
	margin-bottom: 50px;
	z-index:10;
}

ul.topnav {
	list-style: none;
	padding: 0 20px;	
	margin: 0;
	float: left;
	width: 1010px;
	background: #222;
	font-size: 1.2em;
	background: url(img/topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(img/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(img/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(img/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(img/dropdown_linkbg.gif) no-repeat 10px center; 
}
#header img {
	margin: 20px 0 10px;
}


.gauche {
position: relative;
float: left;
clear: both;
padding-top: 10px;
padding-bottom: 20px;
width: 490px;
margin-left: auto;
margin-right: auto;
text-align: center;
position: relative;
float: left;
}

.droite {
position: relative;
float: left;
padding-top: 10px;
padding-bottom: 20px;
width: 490px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.titre {
height: 350px;
width: 450px;
margin-left: auto;
margin-right: auto;
padding: 10px;
text-align: left;
}
.titre li {
margin-bottom:2em;
list-style-type:none;
}

.gauche a {
text-decoration: none;
}

.droite a {
text-decoration: none;
}

.gauche a img {
border: none;
}

.droite a img {
border: none;
}

.vignette {
width: 450px;
margin-left: auto;
margin-right: auto;
padding: 10px;
text-align: left;
font-size:8pt; 
font-family:verdana;

}

.corner {
margin-top: 25px;
padding: 5px;
border: solid 1px #a097aa;
background:white;
background-image:url(img/fond-titre.png);background-repeat:repeat-x;
}

.ivi {
margin-top: 25px;
}
.ivi td {border: solid 1px #cccccc; padding:10px;}

.vignette li{
background:#e5e5e5;
border: solid 1px #a097aa;
}

.chart {
width: 450px; 
margin-left: auto;
margin-right: auto;
}

.chart img {
border: solid 1px #a097aa;
margin-top : 10px; 
margin-bottom: 10px;
}

.vignette-acqsion {
position: relative;
float: left;
width: 505px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 25px;
}

h1 {text-align: center;font-size:14pt;}
h2 {text-align: left; font-size:14pt; color: grey;text-decoration: underline;}
h3 {font-size:12pt;font-family: verdana;text-align: center;color: #aaaaaa;}
h4 {font-size:12pt;font-family: verdana;text-align: center;color: black;}
h5 {color: purple;text-align: center; font-size: 12pt;text-decoration: overline;}

.sidebar {
    margin:0 0 24px;
   }

.sidebar ul {
    font-size:1.2em;
    list-style-type:none;
    margin:0;
    padding:0;
    position:relative;
	
}


.sidebar li {
    height: 120px;
    overflow: hidden;
	margin-top: 10px;
	padding-top: 10px;
	padding-left: 5px;
	list-style-type:none;
	}

.sidebar a {
text-decoration: none;
}

.sidebar li img {
    float:right;
    margin-right:8px;
	border: solid 1px black;
}
.societe {
position: relative;
float: left;
clear: both;
width: 1010px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.speech {
position: relative;
float:left;
padding:5px;
text-align: left;
margin: 5px;
}
.speech p {font-family: verdana; font-size: 10pt; color: #000000;text-align: justify;} 
.speech li {text-align: left;font-family: verdana; font-size: 10pt;color: #000000;}
.speech img {margin: 25px 10px 25px 10px;text-align: center; border: none;}
.speech a{text-decoration: none;}
.speech a:hover {text-decoration: underline;}


.dynamique {

text-align: left;
font-size: 10pt;
}

.dynamique a {
text-decoration: none;
}

.dynamique a:hover{
text-decoration: underline;
}

.contact {
position : relative; 
float: left;
margin: 15px;
padding: 10px;
}
.contact p {font-family: verdana; font-size: 12pt; text-align: justify;border: solid 1px #cccccc;padding: 5px;} 

.logo {
position: relative;
float: right;
margin: 20px;
}

.logo img {
border: solid 1px #a097aa;
}

label.error {
	display: block;
	color: red;
	font-style: italic;
	font-weight: normal;
}

input.error {
	border: 2px solid red;
}

#geo {
position: relative;
float: left;
text-align:left;
margin-left:50px;
}
.lien a img {border:none;}
