@charset "UTF-8";
/* CSS Document */

body {
	margin: 0px;
}

a img{border:none}

p {
   margin:0;
   padding:0;
   }
   
ol, ul {
		list-style: none;
		margin:0;
		padding:0;
	}
	
h3  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #00b0d8;
	margin:5px 0 5px 0;
}

h4  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #00b0d8;
	margin:5px 0 0 55px;
}
	
/*********************************************** contener ********************************************/

#contener_global {
    position:relative; 
    margin:0 auto;
	margin-top:0px;
    background-color:none;
	margin-bottom:10px;
    width:990px;
	overflow:auto;
	}


#contener {
    position:relative; 
    margin:0 auto;
	margin-top:0px;
    width:930px;
	padding-bottom:10px;
	margin-bottom:10px;
	overflow:auto;
	}
	
	
	
/*********************************************** bulle et thikbox ********************************************/
	
#tooltip{
	position:absolute;
	border:1px solid #FFFFFF;
	background:#00b0d8;
	padding:3px 7px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	z-index:1000;
	display:none;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	}
	
.thickbox {
	position: relative;
}

a.thickbox {
   text-decoration:none;
}

.thickbox .zoom {
}

a.thickbox:hover .zoom {
	width: 35px;
	height: 35px;
	position: absolute;
	margin: 15px 0 0 15px;
	background: url(../images/zoom.png) no-repeat;
	display: block;
}

.thumb a:link img, .thumb a:visited img {
padding:3px;
border:0;

}

.thumb a:hover img {
border:0px solid #3B5998;
}

#div-photos3 {
	position:relative;
	left:0px;
	float:left;
	width:210px;
	margin-top:10px;
	margin-left:0px;
	}
	
	
/*********************************************** menu ********************************************/
	
#menu-haut {
	position:absolute;
	left:266px;
	float:left;
	width:585px;
	top: 6px;
	height: 116px;
	}	
	
	
#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 574px;
	height: 110px;
	position: relative;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	background-image: url(../images/identite.png);
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span{
	display: block;
}
#menu .home {
	width: 113px;
	height: 53px;
	background: url(../images/home.png) no-repeat;
	left: 12px;
	top: 59px;
}
#menu .home span {
	width: 75px;
	height: 40px;
	background: url(../images/home-over.png) no-repeat;
	left: 28px;
	top: -30px;
}
#menu .web {
	width: 82px;
	height: 52px;
	background: url(../images/web.png) no-repeat;
	left: 113px;
	top: 60px;
}
#menu .web span {
	width: 100px;
	height: 60px;
	background: url(../images/web-over.png) no-repeat;
	left: 28px;
	top: -60px;
}

#menu .identite {
	width: 177px;
	height: 52px;
	background: url(../images/identite.png) no-repeat;
	left: 199px;
	top: 59px;
}
#menu .identite span {
	width: 200px;
	height: 60px;
	background: url(../images/identite-over.png) no-repeat;
	left: 28px;
	top: -60px;
}

#menu .print {
	width: 82px;
	height: 52px;
	background: url(../images/print.png) no-repeat;
	left: 375px;
	top: 59px;
}
#menu .print span {
	width: 200px;
	height: 70px;
	background: url(../images/print-over.png) no-repeat;
	left: -10px;
	top: -60px;
}

#menu .contact {
	width: 105px;
	height: 53px;
	background: url(../images/contact.png) no-repeat;
	left: 458px;
	top: 58px;
}
#menu .contact span {
	width: 122px;
	height: 75px;
	background: url(../images/contact-over.png) no-repeat;
	left: 28px;
	top: -60px;
}


/********************************************* centre *********************************************/





#div_feuille {
	position:relative;
	left:40px;
	float:left;
	width:770px;
	margin-top:120px;
	padding:0px 20px 0px 35px;
	background: transparent url(../images/bk-feuille.png) repeat-y scroll center top;
	}
	
#index-top {
	position:relative;
	float:left;
	clear:both;
	overflow:hidden;
	width:746px;
	margin-top:5px;
	padding:10px 0px 0 26px;
	height: 355px;
	background: url(../images/bk-gris-index.jpg) no-repeat;
	}
	
	
#index-top2 {
	position:relative;
	float:left;
	clear:both;
	overflow:hidden;
	width:670px;
	margin-top:5px;
	padding:10px 0px 0 110px;
	height: 175px;
	background: url(../images/bk-gris-web.jpg) no-repeat;
	}
	
#index-top3 {
	position:relative;
	float:left;
	clear:both;
	overflow:hidden;
	width:670px;
	margin-top:5px;
	padding:10px 0px 0 110px;
	height: 175px;
	background: url(../images/bk-gris-crea.jpg) no-repeat;
	}
	
#index-top4 {
	position:relative;
	float:left;
	clear:both;
	overflow:hidden;
	width:670px;
	margin-top:5px;
	padding:10px 0px 0 110px;
	height: 175px;
	background: url(../images/bk-gris-print.jpg) no-repeat;
	}
	
#index-top5 {
	position:relative;
	float:left;
	clear:both;
	overflow:hidden;
	width:670px;
	margin-top:5px;
	padding:10px 0px 0 110px;
	height: 175px;
	background: url(../images/bk-gris-contact.jpg) no-repeat;
	}
	
#index-top6 {
	position:relative;
	float:left;
	clear:both;
	overflow:hidden;
	width:670px;
	margin-top:5px;
	padding:10px 0px 0 110px;
	height: 175px;
	background: url(../images/bk-gris-portofolio.jpg) no-repeat;
	}
	
#devis1 {
	position:absolute;
	width:225px;
	left: 43px;
	height:43px;
	top: 113px;
	margin:0;
	}
	
#devis1-1 {
	position:absolute;
	width:225px;
	left: 410px;
	height:43px;
	top: 113px;
	margin:0;
	}
	
/******************************** liste index ********************************/	
.twitter {
	position:absolute;
	width:240px;
	left: 552px;
	height: 32px;
	top: 915px;
	margin:0;
	z-index:10;
	}
	
.twitter2 {
	position:absolute;
	width:228px;
	left: 332px;
	height: 32px;
	top: 685px;
	margin:0;
	z-index:10;
	}
	
.twitter3 {
	position:absolute;
	width:228px;
	left: 332px;
	height: 32px;
	top: 540px;
	margin:0;
	z-index:2000;
	}
	
.twitter4 {
	position:absolute;
	width:228px;
	left: 332px;
	height: 32px;
	top: 627px;
	margin:0;
	z-index:2000;
	}

.liste1-index {
	position:absolute;
	width:166px;
	left: 29px;
	height: 114px;
	top: 218px;
	margin:0;
	}
	
.liste1-index ul a{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #bbd652;
	line-height: 26px;
}

.liste1-index ul a:hover{
    text-decoration: none;
	color: #FFFFFF;
}

.liste2-index {
	position:absolute;
	width:170px;
	left: 218px;
	height: 115px;
	top: 218px;
	margin:0;
	}
	
.liste2-index ul a{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #bbd652;
	line-height: 26px;
}

.liste2-index ul a:hover{
    text-decoration: none;
	color: #FFFFFF;;
}

.liste3-index {
	position:absolute;
	width:141px;
	left: 415px;
	height: 115px;
	top: 218px;
	margin:0;
	}
	
.liste3-index ul a{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #bbd652;
	line-height: 26px;
}

.liste3-index ul a:hover{
    text-decoration: none;
	color: #FFFFFF;;
}

.liste4-index {
	position:absolute;
	width:168px;
	left: 578px;
	height: 116px;
	top: 217px;
	margin:0;
	}
	
.liste4-index ul a{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #bbd652;
	line-height: 26px;
}

.liste4-index ul a:hover{
    text-decoration: none;
	color: #FFFFFF;;
}
/******************************** fin ********************************/	

/* Tutorial button with jQuery */
.bouton-devis1 {
	clear: both;
	position:relative;
	display:block;
	height: 39px;
	width: 165px;
	background:url(../images/plus-info.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.bouton-devis1 span.hover {
	position: absolute;
	display: block;
	height: 39px;
	width: 165px;
	background: url(../images/plus-info.jpg) no-repeat;
	background-position: bottom;
}

.bouton-devis2 {
	clear: both;
	position:relative;
	display:block;
	height: 55px;
	width: 235px;
	background:url(../images/fond-devis-gris.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.bouton-devis2 span.hover {
	position: absolute;
	display: block;
	height: 55px;
	width: 235px;
	background: url(../images/fond-devis-gris.jpg) no-repeat;
	background-position: bottom;
}

.bouton-devis2-2 {
	clear: both;
	position:relative;
	display:block;
	height: 55px;
	width: 235px;
	background:url(../images/fond-devis-gris3.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.bouton-devis2-2 span.hover {
	position: absolute;
	display: block;
	height: 55px;
	width: 235px;
	background: url(../images/fond-devis-gris3.jpg) no-repeat;
	background-position: bottom;
}

.bouton-devis3 {
	clear: both;
	position:relative;
	display:block;
	height: 55px;
	width: 235px;
	background:url(../images/fond-devis-blanc.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin:0 0 0 200px;
}	

.bouton-devis7 {
	clear: both;
	position:relative;
	display:block;
	height: 55px;
	width: 235px;
	background:url(../images/fond-devis-blanc.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin:0 0 0 20px;
}

.bouton-devis3 span.hover {
	position: absolute;
	display: block;
	height: 55px;
	width: 235px;
	background: url(../images/fond-devis-blanc.jpg) no-repeat;
	background-position: bottom;
}

.bouton-contact {
	clear: both;
	position:relative;
	display:block;
	height: 39px;
	width: 165px;
	background:url(../images/bouton-contact.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.bouton-contact span.hover {
	position: absolute;
	display: block;
	height: 39px;
	width: 165px;
	background: url(../images/bouton-contact.jpg) no-repeat;
	background-position: bottom;
}

.bouton-voirsite {
	clear: both;
	position:relative;
	display:block;
	height: 31px;
	width: 113px;
	background:url(../images/voir-site.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin-left:50px;
}

.bouton-vide {
	clear: both;
	position:relative;
	display:block;
	height: 31px;
	width: 113px;
	background:url(../images/vide.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin-left:50px;
}
	
.bouton-voirsite span.hover {
	position: absolute;
	display: block;
	height: 31px;
	width: 113px;
	background: url(../images/voir-site.jpg) no-repeat;
	background-position: bottom;
}
	
.boite-index3 {
	position:relative;
	float:left;
	width:320px;
	padding:5px;
	margin:15px 0px 15px 10px;
	left: 23px;
	text-align:justify;
	}
	
.boite-index4 {
	position:relative;
	float:left;
	width:320px;
	padding:5px;
	margin:15px 0 15px 0;
	left: 70px;
	text-align:justify;
	}
	
#boite-web1 {
	position:relative;
	float:left;
	width:740px;
	padding:5px;
	margin:15px 0 0 10px;
	text-align:justify;
	}
	
#boite-web1-1 {
	position:relative;
	float:left;
	width:740px;
	padding-top:50px;
	margin:15px 0 0 10px;
	text-align:center;
	height: 300px;
	}
	
#boite-web2 {
	position:relative;
	float:left;
	width:270px;
	padding:5px;
	margin:15px 0 15px 10px;
	left: 15px;
	text-align:center;
	height: 330px;
	background: url(../images/bulle-web.jpg)no-repeat scroll center top;
	background-image: url(../images/bulle-web.jpg);
	}
	
#boite-web3 {
	position:relative;
	float:left;
	width:310px;
	margin:19px 0 0 10px;
	padding-bottom:20px;
	text-align:justify;
	}
	
#boite-web3-3 {
	position:relative;
	float:left;
	width:440px;
	text-align:justify;
	padding:0 0 10px 0;
	}

#boite-web23 {
	position:relative;
	float:left;
	width:440px;
	text-align:justify;
	padding:0 0 10px 0;
	}
	
.boite-web4 {
	position:relative;
	float:left;
	width:735px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	border-top:1px solid #00b0d8;
	}
	
.div-portofolio {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_1 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_2 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_3 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_4 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_4-1 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}

#image_loader_5 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_6 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_7 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_8 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_9 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_10 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_11 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_12 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_13 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_14 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_15 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_16 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_17 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_18 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_19 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_20 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_21 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_22 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_23 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_24 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_25 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_26 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_27 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}

#image_loader_28 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_29 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_30 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_31 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_32 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_33 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_34 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
#image_loader_35 {
	position:relative;
	float:left;
	width:335px;
	padding:5px;
	margin:0 0 0 10px;
	text-align:justify;
	}
	
.exemple-portofolio {
	position:relative;
	float:left;
	width:500px;
	padding:5px;
	}
	
.exemple-portofolio4 {
	position:relative;
	float:left;
	width:750px;
	padding:5px;
	border-top:1px solid #00b0d8;
	}
	
.exemple-description {
	position:relative;
	float:left;
	width:200px;
	padding:5px;
	left: 10px;
	text-align:left;
	}
	
.exemple-description2 {
	position:relative;
	float:left;
	width:360px;
	padding:5px;
	left: 10px;
	text-align:left;
	}
	
.exemple-description22 {
	position:relative;
	float:left;
	width:219px;
	padding:5px;
	left: 10px;
	text-align:center;
	margin-right:20px;
	}
	
.exemple-description3 {
	position:relative;
	float:left;
	width:360px;
	padding:50px 5px 5px 5px;
	left: 10px;
	text-align:left;
	}

#carrousel-index {
	position:relative;
	float:left;
	width:740px;
	padding:5px;
	margin:15px 0 15px 0;
	left: 20px;
	}

	
.image_position {
	margin-bottom:-13px;
	width:40px;
	height:40px;
	}
	
.image_position2 {
	margin-bottom:-9px;
	}
	
.image_position3 {
	margin-bottom:-17px;
	}
	
.image-border {
	border: thin solid #C3DBEC;
	padding:3px;
	}

/********************************************* searchbar *********************************************/	
.searchbar{
    background: #EFE9B4 ;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#333333;
	font-weight: bold;
	border: 0;
    float:center;
    height:20px;
    width:340px;
}

.searchbar2{
    background: #EFE9B4 ;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#333333;
	font-weight: bold;
	border: 0;
	width:342px;
    float:center;
}

input.buttonpost {
    background-color : #00b0d8;  
	border: solid #FFFFFF 2px;  
	font-size: 15px; 
	font-weight:bold; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	cursor: pointer;
	}
	
input.buttonpost:hover {
    background-color : #333333;  
	border: solid #FFFFFF 2px;  
	font-size: 15px; 
	font-weight:bold; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	cursor: pointer;
	}
	
/* ------- 2. Portfolio ------- */

.loading_gallery {
	background:transparent url(../images/ajax-loader.gif) no-repeat scroll center center;
	height:32px;
	left:129px;
	position:absolute;
	top:73px;
	width:32px;}
h2.portfolio{margin-top:45px;}
h3.portfolio{margin-bottom:15px;margin-top:0;}
p.portfolio{margin-bottom:15px;}

.portfolio_single_pic{
	background:transparent url(images/portfolio_post_frame.gif) no-repeat scroll -1px -10px;
	display:block;
	height:600px;
	position:relative;
	width:960px;}
.portfolio_single_pic img{
	background:#F5F5F5 none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	height:516px;
	left:2px;
	padding:4px;
	position:absolute;
	top:22px;
	width:945px;}

/* ------- 3. Portfolio Gallery View ------- */

.loading_gallery_post {
	background: transparent url(../images/ajax-loader.gif) no-repeat scroll center center;
	height:32px;
	left:450px;
	position:absolute;
	top:267px;
	width:32px;}
.portfolio_img_holder {
	background: transparent url(../images/portfolio_gallery_frame.gif) no-repeat scroll 0 -5px;
	display:block;
	height:180px;
	position:relative;
	width:288px;}
.portfolio_img_holder img {
	background: #F5F5F5 none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	height:151px;
	left:1px;
	padding:4px;
	position:absolute;
	top:9px;
	width:276px;}
.rollover {
	background: transparent url(../images/zoom_small.png) no-repeat 0 0;
	display:none;
	height:151px;
	left:6px;
	position:absolute;
	top:14px;
	width:276px;}
.rollover_play {
	background: transparent url(../images/play_small.png) no-repeat 0 0;
	display:none;
	height:151px;
	left:6px;
	position:absolute;
	top:14px;
	width:276px;}




/********************************************* footer *********************************************/

#div_footer {
	position:relative;
	left:15px;
	float:left;
	width:850px;
	height:200px;
	text-align:center;
	margin-bottom:10px;
	padding:20px;
	background-image: url(../images/bk-footer.jpg);
	background-repeat:no-repeat;
	}
	
#sociaux {
	position:absolute;
	width:138px;
	left: 410px;
	height: 47px;
	top: 140px;
	margin:0;
	text-align:left;
	}
	
#w3c {
	position:absolute;
	width:63px;
	left: 765px;
	height: 32px;
	top: 126px;
	margin:0;
	text-align:left;
	}
	
#legal {
	position:absolute;
	width:246px;
	left: 621px;
	height: 22px;
	top: 162px;
	margin:0;
	text-align:left;
	}

#liste-footer {
	position:absolute;
	width:218px;
	left: 82px;
	height: 134px;
	top: 47px;
	margin:0;
	text-align:left;
	}
	
#liste-footer ul a{
    font-family: "Lucida Grande", Arial, Sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	line-height: 17px;
}

#liste-footer ul a:hover{
    text-decoration: none;
	color: #000000;
}

#liste-footer p{
    margin:0 0 6px 0;
    padding:0;
}

	
/********************************************* style des textes *********************************************/


.titre_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	margin-bottom:0px;
}

.texte-vert1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #bbd652;
	line-height: 26px;
}

.titre-gris1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	margin:5px 0 5px 0;
}

.titre-gris2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	padding-bottom:20px;
}

.titre-gris3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	padding-bottom:20px;
	}

.titre-bleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #00b0d8;
	margin:0px;
}

.titre-bleu2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #00b0d8;
	margin-left:90px;
}

.texte_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}

.texte_blanc2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #999999;
	line-height:17px;
}

.contact4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	margin:0 0 0 55px;
}

.texte_noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	line-height: 19px;
}

.texte_noir3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	line-height: 19px;
	padding: 0 0 10px 0;
}



.texte-web1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	line-height: 19px;
	margin-bottom:25px;
	background: #FFFFFF url(../images/pictoweb1.jpg) center no-repeat;
	background-position: 5px 10%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 55px;
	}
	
.texte-web2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	line-height: 19px;
	margin-bottom:25px;
	background: #FFFFFF url(../images/pictoweb2.jpg) center no-repeat;
	background-position: 5px 10%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 55px;
	}
	
.texte-web3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	line-height: 19px;
	margin-bottom:25px;
	background: #FFFFFF url(../images/pictoweb3.jpg) center no-repeat;
	background-position: 5px 10%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 55px;
	}
	
.texte-logo1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	line-height: 19px;
	margin-bottom:25px;
	background: #FFFFFF url(../images/pictologo1.jpg) center no-repeat;
	background-position: 5px 10%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 55px;
	}
	
.texte-logo2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	line-height: 19px;
	margin-bottom:25px;
	background: #FFFFFF url(../images/pictologo2.jpg) center no-repeat;
	background-position: 5px 10%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 55px;
	}
	
.texte-logo3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	line-height: 19px;
	margin-bottom:25px;
	background: #FFFFFF url(../images/pictologo3.jpg) center no-repeat;
	background-position: 5px 10%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 55px;
	}
	
.texte-print1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	line-height: 19px;
	margin-bottom:25px;
	background: #FFFFFF url(../images/pictoprint1.jpg) center no-repeat;
	background-position: 5px 10%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 55px;
	}
	
.texte-print2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	line-height: 19px;
	margin-bottom:25px;
	background: #FFFFFF url(../images/pictoprint2.jpg) center no-repeat;
	background-position: 5px 10%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 55px;
	}



/********************************************* liens *********************************************/

.lien-vert1, .lien-vert1:link, .lien-vert1:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #bbd652;
	line-height: 26px;
}
.lien-vert1:hover {
	text-decoration: none;
	color: #FFFFFF;;
}

.lien-bleu1, .lien-bleu1:link, .lien-bleu1:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #00b0d8;
}
.lien-bleu1:hover {
	text-decoration: none;
	color: #FFFFFF;;
}


.lien-noir, .lien-noir:link, .lien-noir:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	color: #000000;
}
.lien-noir:hover {
	text-decoration: none;
	color: #999999;
}








.lienblanc:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
.lienblanc:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
.lienblanc:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
.lienblanc:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#CCCCCC;
	text-decoration:underline;
}




.lienblanc2:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
.lienblanc2:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
.lienblanc2:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
.lienblanc2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#CCCCCC;
	text-decoration:underline;
}