/*--------------------------
---STRUCTURE PRINCIPALE---
----------------------------*/
body {
background-color:#FFF;
background-image: url(../images/fond.jpg);
background-repeat:no-repeat;
background-position:top center;
margin:0px;
padding:0px;
}
*{
margin:0px;
padding:0px;
}
#global {
margin: 0px auto;
width: 1000px;
}
#conteneur {
width: 1000px;
float:left;
}
#header {
width:1000px;
height:100px;
background:transparent no-repeat;
}
#main{
width:1000px;
overflow: hidden;
background:none;
}
.flashcontent {
	position:absolute;
	width:1000px;
	height:430px;
	float:left;
	padding: 0px;
	left: 0px;
	top: 100px;
}
#content{
	top: 0px;
	width:1000;
	float:left;
	height:230px;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
#footer{
background-color:#FFFFFF;
background-image: url(../images/trait.jpg);
background-position:top;
height: 30px;
width:100%;
position: fixed;
bottom: 0px;
}

#logo {
	position:absolute;
	left:500px;
	top:548px;
	width:300px;
	height:44px;
	z-index:3;
}
/*--------------------------
---FIN STRUCTURE PRINCIPALE---
----------------------------*/

/*-------------- societe ------------------------------------*/


#content .societe {
	left:0px;
	width:320px;
	height:164px;
	float:left;
	background: url(../images/fd_cadre.jpg) no-repeat;
	padding-left: 12px;
	top: auto;
}

#content .societe-label {
	top: 0px;
	width:1000px;
	float:left;
	background: url(../images/fd_cadre-societe.jpg) no-repeat;
	padding-left: 5px;
	padding-top: 20px;
	
}

#content .contact {
	left:0px;
	width:320px;
	height:250px;
	float:left;
	background: url(../images/cadre-contact.jpg) no-repeat;
	padding-left: 12px;
	top: 700px;
}

/* ----------------------------- */
/*         FORMAT TXT       					 */
/* ----------------------------- */
body {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 12px;
color:#ccc;
line-height:15px;
}
img {
border:none;
}
a {
	color:#ccc;
	text-decoration:none;
	background-color: transparent;
	font-size: 12px;
}
a:hover{
	color:#333;
	font-size: 12px;
}
.content_colonne_left a {
color:#06C;
text-decoration:none;
background: url(../images/puce.jpg) no-repeat;
background-position:left;
padding-left: 12px;
}
.content_colonne_left a:hover{
color:#06C;
text-decoration:underline;
}
.clients a{
color:#06C;
text-decoration:none;
background: url(../images/puce.jpg) no-repeat;
background-position:left;
padding-left: 12px;
}
.clients a:hover{
color:#06C;
text-decoration:underline;
background: url(../images/puce.jpg) no-repeat;
background-position:left;
padding-left: 12px;
}
.italique {font-style: italic;} 
p{
font-size:11px;
color:#333;
line-height:18px;
padding: 20px;
}
h1{
font-size:28px;
color:#0066cc;
letter-spacing:-1px;
font-weight:normal;
margin:10px 0px 20px 0px;
}
h2{
font-size:16px;
color:#0066cc;
letter-spacing:0px;
font-weight:normal;
margin:10px 0px 10px 0px;
}
h5{
font-size:12px;
color:#06C;
margin-bottom:10px;
}
h6{
font-size:12px;
color:#333;
}
h7{
font-size:12px;
color:#999;
}
h1.h1titre{
letter-spacing:0px;
font-size:11px;
color:#06C;
font-style:strong;
margin-bottom:-10px;
}
h2.h2titre{
font-size:12px;
color:#999;
margin-bottom:-20px;
}

.couleur{
color:#0066cc;
}
.couleur2{
color:#999;
}
.couleur_medium{
font-size: 13px;
color:#0066cc;
}
#main  {
text-align:justify;
}


/*-------------- footer ------------------------------------*/

#footer p{
font-family: Verdana, sans-serif;
font-size: 9px;
color:#01407E;
text-align:center;
padding-top:10px;
}
#footer a{
text-decoration:none;
font-size: 9px;
color:#0066CC;
text-align:center;
padding-top:10px;
}
#footer a:hover{
color:#0066CC;
font-size: 9px;
text-align:center;
padding-top:10px;
}
