/** REGLAGE DE BASE **/

html {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	height: 100%; 
} 

body {
	height: 100%; 
	text-align: center;
	background-color: #FFFFFF;
}

body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,  a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	font-size: 12px;
	font-family: Arial;
	color: #1C1C1C;
}
ol, ul {list-style: none;}

div {
	text-align: left;
}

/** STRUCTURE **/

#global {
	width: 960px;
	margin-left: auto; 
  	margin-right: auto;
}


/** HEADER **/

#header {
	width: 960px;
	height: 140px;
	background-image: url('../images/header.gif');
	background-repeat: no-repeat;
}


/** MENU **/
#menu {
	width: 960px;
	height: 40px;
	background-color: #f2f2f2;
	position: relative;
	float: left;
}

#liens_menu {
	position: relative;
	left: 10px;
}

ul#liens_menu li {display: inline;}

ul#liens_menu li a{float:left;display:block;background:url("../images/menu.jpg")  no-repeat; text-indent:-9999px;height:41px}
ul#liens_menu li#agence a{background-position:0px 0px; width:90px;}
ul#liens_menu li#clients a{background-position:-90px 0px; width:93px;}
ul#liens_menu li#web_design a{background-position:-183px 0px; width:114px;}
ul#liens_menu li#dev a{background-position:-297px 0px; width:150px;}
ul#liens_menu li#services a{background-position:-447px 0px; width:138px;}

ul#liens_menu li a span {background:url("../images/menu.jpg");height:41px;display:block}
ul#liens_menu li#agence a span{background-position:0px -41px; width:90px;}
ul#liens_menu li#clients a span{background-position:-90px -41px; width:93px;}
ul#liens_menu li#web_design a span{background-position:-183px -41px; width:114px;}
ul#liens_menu li#dev a span{background-position:-297px -41px; width:150px;}
ul#liens_menu li#services a span{background-position:-447px -41px; width:138px;}




/** NUAGE DE MOTS **/
#nuage_mots{
	width: 960px;
	height: 141px;
	background-image: url('../images/nuage_mots.gif');
	background-repeat: no-repeat;
	position: relative;
	float: left;
}


/** FOOTER **/
#footer {
	width: 960px;
	height: 124px;
	background-color: #f2f2f2;
	position: relative;
	float: left;
	text-align: center;
}

#footer_bloc {
	position: relative;
	float: left;
	text-align: left;
	width: 190px;
	line-height: 18px;
	font-size: 11px;
	color: #5b5b5b;
	top: 15px;
	left: 25px;
}

#footer_bloc a {
	font-family: Arial;
	font-size: 11px;
	color: #444446;
	text-decoration: none;
}
#footer_bloc a:hover {
	font-family: Arial;
	font-size: 11px;
	color: #444446;
	text-decoration: underline;
}


#adresse {
	color: #5b5b5b;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	position: relative;
	width: 960px;
	float: left;
	top: 10px;
	height: 30px;
}

#adresse a {
	font-family: Arial;
	font-size: 11px;
	color: #444446;
	text-decoration: none;
}

#adresse a:hover {
	font-family: Arial;
	font-size: 11px;
	color: #444446;
	text-decoration: underline;
}

/** SLIDER STRUCTURE **/
#slider { width: 960px; position: relative; float: left;}
.scroll { height: 358px; width: 960px; overflow: auto; overflow-x: hidden; position: relative; clear: left; }
.scrollContainer div.panel {height: 358px; width: 960px; background-image: url('../images/fond_panel.gif'); background-repeat: no-repeat;}

/** SLIDER DESIGN **/
#slider h2 {
	font-family: Georgia;
	font-size: 18px;
	font-weight: bold;
	color: #444446;
}
#slider p {
	font-family: Georgia;
	font-size: 12px;
	color: #444446;
	line-height: 24px;
}
#sous_menu {
	width: 186px;
	height: 357px;
	font-family: Georgia;
	font-size: 14px;
	color: #444446;
	line-height: 24px;
	position: relative;
	float: left;
	left: 10px;
	top:15px;
}
#sous_menu a {
	font-family: Georgia;
	font-size: 14px;
	color: #444446;
	line-height: 24px;
	text-decoration: none;
}
#sous_menu a:hover {
	font-family: Georgia;
	font-size: 14px;
	color: #444446;
	line-height: 24px;
	text-decoration: underline;
}

#zone_media {
	position: relative;
	float: left;
	top: 15px;
}

#zone_texte {
	position: relative;
	float: left;
	left: 10px;
	top: 15px;
	width: 300px;
}
#zone_texte a{
	font-family: Georgia;
	font-size: 12px;
	text-decoration: none;
}
#zone_texte a:hover{
	font-family: Georgia;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}


.hide {
    display: none;
}


#panel_top {
	background: #cff0f4;
	height: 91px;
	display: none;
	padding: 5px;
	border-color: #dddddd;
	border-style: solid;
	border-width: 1px;
}

#panel_contact {
	position: relative;
	float: left;
	margin-right: 30px;
	font-family: Georgia;
	font-size: 12px;
	text-decoration: none;
	color: #444446;
	padding-top: 10px;
}
#panel_contact a {
	font-family: Georgia;
	font-size: 12px;
	text-decoration: none;
	color: #444446;
}

#panel_contact a:hover{
	font-family: Georgia;
	font-size: 12px;
	text-decoration: underline;
	color: #444446;
}

.slid_top {
	margin: 0;
	padding: 0;
	border-top: solid 4px #cff0f4;
	background: url(../images/bt_contact.png) no-repeat center top;
}
.btn-slide {
	width: 222px;
	height: 32px;
	margin: 0 auto;
	display: block;
}
.active {
	background-position: right 12px;
}