html{  
    height:100%;
    margin:0;
    padding:0;
}  

body{
	background:white;
	color:black;
	font-family:Trebuchet, Arial, Verdana, sans serif;
	font-size:10px;
	height: 98%;
	margin:0;
	padding:0;
}

/*
  Les styles
*/

*{
outline:none;
}

a img {
border: none;
border-width: 0px;
} 

h1{
	color:black;
	margin:27px 0 0 0px;
	text-transform:uppercase;
	padding:0px;
	font-size:13px;
	text-decoration:none;
}

img{
	border:0;
}

p{
	padding:0px;
}

ul{
	margin:0px;
	padding:0px;
}
/* Fin des styles
___________________________________
*/

#apropos{
	background:url(images/apropostexte.jpg) no-repeat top left;
	height:307px;
	width:412px;
	float:left;
	left:-11px;
	text-align:left;
	position:relative;
}
#apropos p{
	color:#626262;
	font-family:times New Roman;
	font-size:20px;
	height:309px;
	line-height:19px;
	margin:33px 102px;
	text-align:left;
	width:306px;
}
.aproposgras{
	font-family:times New Roman;
	font-size:27px;
	color:#b2c10b;
}

#apropostexte{
	float:right;
	height:461px;
	margin-bottom:8px;
	position:relative;
	top:23px;
	width:460px;
	text-align:left;
}

#apropostexte a{
	margin-left:3px;
}

#apropostexte p{
	color:#626262;
	font-size:12px;
	text-align:justify;
	line-height:19px;
}

#aproposbloc{
	/*height:454px; test footer*/
	min-height:455px;
	max-height:550px;
	position:relative;
	width:933px;
	margin:5px auto 0px auto;
}
.apropostrait{
	background:url(images/trait.jpg) no-repeat top left;
	width:455px;
	height:9px;
	display:block;
	position:relative;
	padding-bottom:22px;
}
/*  FIN A propos
 ___________________________________
*/

/* COMMUNICATION
____________________________________
*/

#communication{
	/*height:454px; test footer*/
	min-height:1400px;
	max-height:1550px;
	position:relative;
	width:933px;
	margin:5px auto 0px auto;
}

/* FIN COMMUNICATION
____________________________________
*/

#client{
	background:url(images/clienttexte.jpg) no-repeat top left;
	height:321px;
	width:411px;
	float:left;
	text-align:left;
}
#client p{
	color:#626262;
	font-family:times New Roman;
	font-size:20px;
	height:309px;
	line-height:19px;
	margin:33px 102px;
	text-align:left;
	width:306px;
}

#clientpage{
	background:url(images/client.jpg) no-repeat top left;
	height:313px;
	width:402px;
	float:left;
	left:-11px;
	position:relative;
	text-align:left;
}
#clientpage ul{
	border-right:1px #c0cfdb solid;
	color:#113659;
	line-height:23px;
	list-style:none;
	font-size:13px;
	position:relative;
	top:33px;
	width:210px;
}

#clientliste{
	font-size:14px;
	display:block;
	left:364px;
	position:absolute;
	top:0px;
	height:300px;
	width:118px;
}
#clientliste ul{
	border-right:1px #c0cfdb solid;
	color:#113659;
	line-height:23px;
	list-style:none;
	font-size:13px;
	position:relative;
	top:33px;
	width:155px;
}
#clientliste2{
	font-size:14px;
	display:block;
	left:577px;
	position:absolute;
	top:0px;
	height:308px;
	width:158px;
}
#clientliste2 ul{
	border-right:1px #c0cfdb solid;
	color:#113659;
	line-height:23px;
	list-style:none;
	font-size:13px;
	position:relative;
	top:33px;
	width:188px;
}

#clientliste3{
	font-size:14px;
	display:block;
	left:819px;
	position:absolute;
	top:0px;
	height:308px;
	width:158px;
}
#clientliste3 ul{
	color:#113659;
	line-height:23px;
	list-style:none;
	font-size:13px;
	position:relative;
	top:33px;
	width:253px;
}
/*  _______________________________
    CONTACT*/
#contactbloc{
	height:364px;
	margin:5px auto 0px auto;
	position:relative;
	width:959px;
}

#contact{
	background:url(images/contacttexte.jpg) no-repeat top left;
	height:321px;
	width:378px;
	float:left;
	text-align:left;
}

#contactmap{
	float:right;
	height:121px;
	position:relative;
	text-align:right;
	top:5px;
	width:515px;
}


#footer{
	background:url(images/footer2.jpg)no-repeat scroll;
	bottom:0px;
	margin:26px auto 0 auto;
	height:33px;
	position:relative;
	width:966px;
}

#header{
	height:96px;
	margin:0px auto;
	width:960px;
	position:relative;
}

#imagepage{
	height:251px;
	position:relative;
	width:1100px;
	margin:0 auto;
}

#logo{
	float:left;
	margin-top:19px;
}
/*
_______________________________________________
:::::::::::   Menu du haut ::::::::::::::::
*/

#menu {
	height:37px;
	float:right;
	padding:0px;
	position: relative;
	top:15px;
	width:711px;
}
#menu ul{
	float:right;
	margin:0;
	padding:0;
}
#menu ul li {
    float: left;
    list-style: none;
	padding-left:15px;
}

#menu ul li a {
	background:url(images/home.png) no-repeat left top;
	display: block;
    height: 36px;
    margin: auto 1px; 
	width:100px;
}

#menu ul li a:hover{
    background-position:bottom left;
}

#menu ul li a.home{
	width:76px;
	background:url(images/accueil.jpg) no-repeat left top;
}
#menu ul li a.homeok{
	width:76px;
	background:url(images/accueil.jpg) no-repeat bottom left;
}
#menu ul li a.home:hover{
	background-position:bottom left;
}

#menu ul li a.apropos{
	width:110px;
	background:url(images/apropos.jpg) no-repeat left top;
}
#menu ul li a.aproposok{
	width:110px;
	background:url(images/apropos.jpg) no-repeat bottom left;
}
#menu ul li a.apropos:hover{
	background-position:bottom left;
}

#menu ul li a.offres{
	width:85px;
	background:url(images/offres.jpg) no-repeat left top;
}
#menu ul li a.offresok{
	width:85px;
	background:url(images/offres.jpg) no-repeat bottom left;
}
#menu ul li a.offres:hover{
	background-position:bottom left;
}

#menu ul li a.clients{
	width:91px;
	background:url(images/clients.jpg) no-repeat left top;
}
#menu ul li a.clientsok{
	width:91px;
	background:url(images/clients.jpg) no-repeat bottom left;
}
#menu ul li a.clients:hover{
	background-position:bottom left;
}

#menu ul li a.contact{
	width:100px;
	background:url(images/contact.jpg) no-repeat left top;
}
#menu ul li a.contactok{
	width:100px;
	background:url(images/contact.jpg) no-repeat bottom left;
}
#menu ul li a.contact:hover{
	background-position:bottom left;
}

#menu ul li a.pointdevue{
	width:136px;
	background:url(images/pointdevue2.jpg) no-repeat left top;
}
#menu ul li a.pointdevueok{
	width:136px;
	background:url(images/pointdevue2.jpg) no-repeat bottom left;
}
#menu ul li a.pointdevue:hover{
	background-position:bottom left;
}
/*
  FIN DU MENU PRINCIPAL
  ____________________________________________
*/

/*
 PAGE OFFRES
*/

#offre{
	background:url(images/offrestexte2.jpg) no-repeat top left;
	height:308px;
	left:-11px;
	width:411px;
	float:left;
	text-align:left;
	position:relative;
}

#offrebloc{
	height:1460px;
	margin:5px auto 0px auto;
	position:relative;
	width:933px;/*959px;*/
	
}

#offretexte{
	float:right;
	height:424px;
	position:relative;
	width:461px;
	text-align:left;
	top:11px;
}
#offretexte h2{
	color:#113659;
	margin-bottom:7px;
	margin-top:23px;
}
.bleu{
	color:#113659;
}
.suite{
	background:url(images/suite.jpg) no-repeat bottom right;
	color:white;
	float:left;
	font-size:11px;
	height:17px;
	line-height:17px;
	text-indent:402px;
	position:relative;
	width:464px;
}
.suite a{
	color:white;
	text-decoration:none;
}
.suiteretour{
	background:url(images/suite.jpg) no-repeat bottom right;
	color:white;
	float:left;
	font-size:11px;
	height:17px;
	line-height:17px;
	text-indent:411px;
	position:relative;
	width:464px;
}
.suiteretour a{
	color:white;
	text-decoration:none;
}
.suite2{
	background:url(images/suite2.jpg) no-repeat bottom right;
	color:white;
	float:left;
	font-size:11px;
	height:18px;
	line-height:17px;
	text-indent:369px;
	position:relative;
	width:467px;
}
.suite2 a{
	color:white;
	text-decoration:none;
}
#offretexte p{
	color:#626262;
	font-size:12px;
	margin:0px;
	text-align:justify;
	font-family:Trebuchet,Arial;
}
.offretableau1{
	background:#eceed3;
	color:black;
	display:block;
	font-size:11px;
	height:387px;
	margin-bottom:13px;
	width:462px;
	position:relative;
	top:21px;
}
.offretableau{
	background:#eceed3;
	color:black;
	display:block;
	font-size:11px;
	height:422px;
	margin-bottom:13px;
	width:462px;
	position:relative;
	top:21px;
}
.offretableau2{         /*  pour le dernier bloc, car le contenu est mondre et le bloc trop long */
	background:#eceed3;
	color:black;
	display:block;
	font-size:11px;
	height:323px;
	margin-bottom:13px;
	width:462px;
	position:relative;
	top:21px;
}
.offretableau1 h3{
	font-size:15px;
	left:14px;
	top:10px;
	position:relative;
}
.offretableau h3{
	font-size:15px;
	left:14px;
	top:10px;
	position:relative;
}
.offretableau2 h3{
	font-size:15px;
	left:14px;
	top:10px;
	position:relative;
}
.offretableau1 h1{
	background:url(images/soustitre.jpg) no-repeat bottom left;
	font-size:13px;
	font-style:italic;
	line-height:22px;
	left:14px;
	position:relative;
	text-transform:none;
	width:363px;
}
.offretableau h1{
	background:url(images/soustitre.jpg) no-repeat bottom left;
	font-size:13px;
	font-style:italic;
	line-height:22px;
	left:14px;
	position:relative;
	text-transform:none;
	width:363px;
}
.offretableau2 h1{
	background:url(images/soustitre.jpg) no-repeat bottom left;
	font-size:13px;
	font-style:italic;
	line-height:22px;
	left:14px;
	position:relative;
	text-transform:none;
	width:363px;
}
/*  Remet ca si beug IE7 non important
.offretableau li{
	font-size:12px;
	left:49px;
	list-style:disc outside url(images/li.jpg);
	list-style-image:url(images/li.jpg);
	list-style-position: outside;
	margin:0px;
	padding-bottom:10px;
	position:relative;
	top:9px;
	width:464px;
}  en dessous pour IE7 */
.offretableau1 li{
	background:url(images/li.jpg) no-repeat center left;
	font-size:12px;
	padding-left: 21px;
	list-style-type:none;
	list-style-position: outside; 
	left:33px;
	padding-bottom:9px;
	position:relative;
	top:7px;
	width:395px;
}
.offretableau li{
	background:url(images/li.jpg) no-repeat center left;
	font-size:12px;
	padding-left: 21px;
	list-style-type:none;
	list-style-position: outside; 
	left:33px;
	padding-bottom:9px;
	position:relative;
	top:7px;
	width:395px;
}
.offretableau2 li{
	background:url(images/li.jpg) no-repeat center left;
	font-size:12px;
	padding-left: 21px;
	list-style-type:none;
	list-style-position: outside; 
	left:33px;
	padding-bottom:9px;
	position:relative;
	top:7px;
	width:395px;
}
.offretableau1 a{
	background:url(images/plaquette.png) no-repeat top left;
	margin-right:11px;
	display:block;
	float:right;
	height:25px;
	width:158px;
}
.offretableau a{
	background:url(images/plaquette.png) no-repeat top left;
	margin-right:11px;
	display:block;
	float:right;
	height:25px;
	width:158px;
}
.offretableau2 a{
	background:url(images/plaquette.png) no-repeat top left;
	margin-right:11px;
	display:block;
	float:right;
	height:25px;
	width:158px;
}
.offretableau1 a:hover{
	background:url(images/plaquette_hover.png) no-repeat top left;
}
.offretableau a:hover{
	background:url(images/plaquette_hover.png) no-repeat top left;
}
.offretableau2 a:hover{
	background:url(images/plaquette_hover.png) no-repeat top left;
}
/*__________________________________________
 FIN DE LA PAGE OFFRES
*/

#pointvueaccueil{
	background:url(images/pointdevu.png) no-repeat top left;
	height:212px;
	float:left;
	margin-left:40px;
	position:relative;
	text-align:center;
	width:387px;
}

.lireplus a{
	background:url(images/liresuite.jpg) no-repeat;
	height:15px;
	left:624px;
	position:absolute;
	top:185px;
	width:73px;
	z-index:999;
}
#pointvueaccueil a{
	z-index:2;
}
#pointvueaccueil p{
	position:relative;
	font-size:11px;
	color:#626262;
	left:102px;
	text-align:justify;
	width:273px;
}

#pointvueaccueil img{
	margin:33px 0 0 282px;
}

#pointdevue{
	background:url(images/pointvuetexte.jpg) no-repeat top left;
	height:321px;
	width:411px;
	float:left;
	text-align:left;
}
#pointdevue p{
	color:#626262;
	font-family:times New Roman;
	font-size:20px;
	height:309px;
	line-height:19px;
	margin:33px 102px;
	text-align:left;
	width:306px;
}

.lienblog{
	color:black;
	font-size:13px;
	font-style:justify;
	font-weight:bold;
	left:45px;
	margin:0px;
	position:relative;
	text-decoration:none;
	text-transform:uppercase;
	top:26px;
}

/* FIN de point de vue de l'accueil
______________________________________
*/

#slider{
	height:387px;
	position:relative;
	margin:0 auto 0 auto;
	width:1093px;
}

/*_______________________________________________
   MENU DES
		RESEAUX SOCIAUX
*/

#social{
	float:right;
	margin-top:4px;
    padding: 0px;
	position: relative;
    overflow: hidden;
	width: 140px;
}
#social ul{
	margin:0;
	padding:0;
}
#social ul li {
    float: left;
    list-style: none;
	padding-left:4px;
}

#social ul li a {
	display: block;
    height: 28px;
    margin: auto 0px; 
	width:30px;
	background:url(images/reseaux/google.jpg) no-repeat left top;
}

#social ul li a:hover{
    background-position:bottom left;
	cursor:pointer;
}

#social ul li a.googleconnect{
	width:34px;
	background:url(images/reseaux/google.jpg) no-repeat left top;
}
#social ul li a.googleconnect:hover{
}

#social ul li a.twitter{
	width:30px;
	background:url(images/reseaux/twitterreseau.jpg) no-repeat left top;
}
#social ul li a.twitter:hover{
}

#social ul li a.facebook{
	width:30px;
	background:url(images/reseaux/facebook.jpg) no-repeat left top;
}
#social ul li a.facebook:hover{
}

#social ul li a.rss{
	width:30px;
	background:url(images/reseaux/rss.jpg) no-repeat left top;
}
#social ul li a.rss:hover{
}
/* FIN RESEAUX SOCIAUX
_____________________________________________________
*/

/*
:::::::::::    SUPERGLOBAL  englobe toutes les divs   :::::::::::
*/
#superglobal{  
	min-height:100%;
	top:0;
	left:0;
	position:relative;
}

#troisiemebloc{
	height:213px;
	position:relative;
	width:960px;
	margin:18px auto;
}

#twitter{
	border-bottom:1px solid #c0cfdb;
	height:198px;
	width:210px;
	color:#626262;
	float:left;
	margin-left:20px;
	line-height:10px;
	font-style:normal;
}

.traittwitt{
	color:#e6e6fa;
}

#twitter a{
	text-decoration:none;
	color:#144c75;
	font-weight:bold;
		font-style:normal;
}

#video{
	height:201px;
	width:284px;
	float:left;
	margin-left:2px;
}

#iframe{
	height:200px;
	width:385px;
	float:left;
	margin-left:15px;
}