@charset "utf-8";
/* CSS Document */
/* DIAPO_BLOC */


.photo_iphone {
width: 91px;
height: 172px;
margin-top: 20px;
margin-left: 85px;
background: url(images/photo_iphone.gif) no-repeat ;
float: left;
}

.block_texte_iphone {
width: 123px;
margin-top: 30px;
margin-left: 13px;
float: left;
}

.titre_iphone {
width: 120px;
text-align: center;
font-size: 14px;
color: #ffffff;
padding-bottom: 5px;
border-bottom: 1px dotted #86dae8;
}

.lien_iphone {
font-size: 13px;
font-weight: bold;
color: #86dae8;
margin-left: 9px;
text-decoration: none;
}

.lien_iphone:hover {
text-decoration: underline;
}

.texte_iphone {
width: 123px;
font-size: 12px;
text-align: center;
color: #ffffff;
}


/* page iphone */

.lien_siteiphone {
font-size: 13px;
font-weight: bold;
color: #3da5b3;
padding-bottom: 2px;
border-bottom: 1px dotted;
}




#info1.bulle {
	height:auto;
	margin-left:160px;
	margin-top:-300px;
}
#info2.bulle {
height:auto;
margin-left:160px;
margin-top:-300px;
}
#info3.bulle {
height:auto;
margin-left:160px;
margin-top:-300px;
}

#info4.bulle {
	height:auto;
	margin-left:160px;
	margin-top:-300px;
}

body {
	margin: 10px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background-color: #FFFFFF;
	color:#4c4c4c;
}
a {
	color: inherit;
	font: inherit;
		text-decoration: none;
		outline: none;
		cursor: pointer;
}
	 
img {
	border:0px;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
padding: 0;
margin: 0;
}
.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
	 
    background-color: #FFFFCC;
	 z-index:2;
}

.bulle {
	visibility: hidden;
	position: absolute;
	width: 203px;
	height: auto;
	color: black;
	z-index:1;
}
span.topbulle{
	background-image: url(images/infobulle_top.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 220px;
	height:26px;
	text-align: center;
	display:block;
	font-weight: bold;
	color:#FFFFFF;
	font-size:10px;
}
span.middlebulle{
	background-repeat: repeat-y;
	background-image: url(images/infobulle_fond.png);
	width:203px;
	height:auto;
	display:block;
	padding-top:15px;
	padding-bottom:5px;
}
span.middlebulle ul, span.middlebulle ul li{
font-size: 10px;
color: #2fb5cb;
list-style: disc;
}
span.middlebulle p{
	width: 190px;
	height:auto;
	padding-left:10px;
	margin-top:-5px;
	text-align: left;
	display:block;
	color:#2fb5cb;
	font-size:11px;
	line-height: 20px;
}
span.bottombulle{
	background-image: url(images/infobulle_bottom.png);
	width: 220px;
	height:34px;
	display:block;
}

#main {
margin:0 auto;
width: 960px;
height:auto;
text-align: left ;
}

h3 span, h2 span, #interneMenu span, #sstitre span, .transp{
	font-size:0px;
letter-spacing: -5px;
position: absolute;
top: -5000px;


}

/*Menu d�roulant */
#savoirfaire, #services, #contact, #accueil, #realisations
{
	position: absolute;
	display: none;
	z-index: 100;
	/*float: left;*/
	color:#d3d7db;
	text-align: center;
	line-height: 25px;
}
#savoirfaire a, #services a, #contact a, #accueil a, #realisations a
{
	color:#d3d7db;
	text-decoration: none;
}
#savoirfaire a:hover, #services a:hover, #contact a:hover, #accueil a:hover, #realisations a:hover
{
	color:#24b6cb;
	text-decoration: none;
	font-weight: bolder;
	letter-spacing: 1px;
}
div.middlemenu
{
	width: 100%;
	height: 25px;
	border-bottom: 1px solid #272727;
	background-image: url(images/menu_fondMiddle.png);
}
div.middlemenubas
{
	width: 100%;
	height: 15px;
	background-image: url(images/menu_fondMiddle.png);
}
div.topmenu {
	border-bottom: 1px solid #272727;
	background-image: url(images/Menu_fondTop.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 25px;
}
div.bottommenu {
		height: 14px;
}
div.bottommenu img {
		float: left;
}
div.fondbottom {
width: 100%;
height:14px;
background-image: url(images/Menubottom_fond.png);
}
#accueil {
	width:150px;
}
#savoirfaire {
	width:150px;
}
#services {
	width:150px;
}
#contact{
		width:150px;
}
#realisations{
		width:150px;
}

/*DEBUT du style & contenu du menu principal */ 
#menu_top {
height: 23px;
width: 960px;
margin-top:10px;
background:#4c4c4c;
}

ul#menu {
height: 20px ;
margin: 0 ;
padding: 0 ;
list-style-type: none ;
float:left;
}

ul#menu li {
float: left ;
text-align: left ;
height:24px;
}
ul#menu li a.b1, ul#menu li a.b2, ul#menu li a.b3, ul#menu li a.b4, ul#menu li a.b5, ul#menu li a.b6  {
	line-height: 20px ; 
	font-size: 14px ;  
	color: #fff ; 
	display: block ; 
	text-decoration: none; 
	text-align:center;
}
ul#menu li a.b1:hover, ul#menu li a.b2:hover, ul#menu li a.b3:hover, ul#menu li a.b4:hover, ul#menu li a.b5:hover, ul#menu li a.b6:hover  {
	color:#24b6cb;
}
ul#menu li a.b1 { 
width: 150px ;
}
ul#menu li a.b2 { 
width: 150px ; 
background: url(images/puce_top.gif) no-repeat;
}

ul#menu li a.b3 { 
width: 150px ;
background: url(images/puce_top.gif) no-repeat; 
}

ul#menu li a.b4 { 
width: 150px ;
background: url(images/puce_top.gif) no-repeat; 
}

ul#menu li a.b5 { 
width: 150px ; 
background: url(images/puce_top.gif) no-repeat;
}

ul#menu li a.b6 { 
width: 150px; 
background: url(images/puce_top.gif) no-repeat;
}

/* DEBUT du style de l'ent�te */
#top{
background:url(images/fond_top.png) no-repeat;
width:960px;
height:79px;
margin-bottom:6px;
}

h1#header a{
display: block ;
background: url(images/logo_gouts-de-web.png) no-repeat ;
width: 208px;
height: 60px;
margin-left: 15px;
margin-top: 10px;
float: left;
}
h1#header span{
display: none;
}
/*LOGIN*/
#login label {
	margin-left:10px;
}
#login input{
	width: 100px;
}
#login input.valider {
	width: 70px;
	background-image: url(images/fond_boutonValider.png);
	color:#FFFFFF;
	border:0px;
	height:20px;
	padding-bottom:0px;
}
#bandeau {
	width:960px;
	height: auto;
	overflow: hidden;
}
 
#bloc_diapo img {    
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  516px; 
    height: 318px; 
    top:  0; 
    left: 0 ;
} 
#bloc_diapo {
	width:515px;
	height: 320px;
	/*background-image: url(images/businesswoman.png);*/
	float:left;
}
#bloc_color {
	width: 445px;
	height: 320px;
	background-image: url(images/blocks_color.png);
	background-repeat: no-repeat;
	float:right;
	display: block;
}

#bloc_color span {
	color:#b0b1b3;
}
#bloc_color img.news {
	text-decoration: none;
	margin-left:40px;
	margin-top:55px;
	color:#ffffff;	
	float: left;
}


#bloc_color p.tel {
margin-top:50px;
margin-left: 40px;
float: left;
}

/* FIN du style de l'ent�te*/ 

/* DEBUT du contenu de l'ent�te (login, flash, version) */
#login {
	display: inline;
	float:right;
	margin-top:35px;
	margin-right:10px;
	
}
#login p {
font-size: 12px;
	color: #747171;
}




/*Contenu particulier de la page (menu, sous contenus)*/
#contenu{
width:960px;
height:auto;
background:#f1f0f0;
padding-bottom:15px;
}

/*DEBUT du style & contenu du menu principal */ 
#menu_top {
height: 23px;
width: 960px;
margin-top:10px;
background:#4c4c4c;
}

ul#menu {
height: 20px ;
margin: 0 ;
padding: 0 ;
list-style-type: none ;
float:left;
}

ul#menu li {
float: left;
text-align: center;
display:bolck;
width: 150px;
}
/* FIN du style & contenu du menu principal */

/* D�but du Copyright */
#copyright {
	background-image: url(images/fondpied.png);
	width: auto;
	height: 35px;
	margin-top: 12px;
	padding-left:100px;
}
#copyright p {
	margin-top: 12px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #aeb0b2;
		float:left;
}
#copyright img.imgfooter2{
	margin-top:10px;
	float:left;
}
#copyright img.imgfooter1{
	margin-top:5px;
	float:left;
}
.clear {
clear: both;
}

.lineheight0 {
line-height: 0px;
}