html, body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
}

body{
	background-color: #6bb7c5;
	color: #444;
	font-size: 12px;
	background-image: url(../images/background3b.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-attachment: fixed;
}

body.bande{
	background-image: url(../images/background3.jpg);
}

#header {
	background-image: url(../images/menu-bgd.png);
	background-repeat: repeat-x;
	height:105px;
	margin-bottom:40px;
	}
	
#header-content {
	background-image: url(../images/menu-bgd.png);
	background-repeat: repeat-x;
	height:105px;
	width:900px;
	margin:auto;
	position:relative;
	}
	
#logo {
	position:absolute;
	top:10px;
	left:0;
	}
	
a img#logo{
	border:none;
	}
	
#header #menu {
	position:absolute;
	bottom:9px;
	left:0;
	}
	
#header a.bouton{
	margin-right:30px;
	}
	
#header img.bouton{
	margin-right:30px;
	}
	
/*#header a.bouton img:hover{
	margin-bottom:5px;
	}*/
	
#header a.bouton img{
	border:none;
	}
	
#header img.on{
	margin-bottom:5px;
	}
	
#titre-header {
	width:600px;
	margin-top:30px;
	margin-bottom:20px;
	float:left;
	}
	
a #bouton-realisations {
	float:right;
	width:250px;
	height:58px;
	background-image: url(../images/bouton-cretation-off.png);
	background-repeat: no-repeat;
	margin-top:70px;
	margin-right:20px;
	}	
	
a #bouton-realisations:hover {
	background-image: url(../images/bouton-cretation-on.png);
	background-repeat: no-repeat;
	}
	
#bande-blanche {
	background-image: url(../images/bande-blanche.jpg);
	background-repeat: repeat-x;
	width:100%;
	height:116px;
	position:absolute;
	top:200px;
	z-index:1;	
	}	
	
	
#block-gauche {
	clear:both;
	float:left;
	width:460px;
	margin-top:20px;
	}
	
.petit-block {
	float:left;
	width:180px;
	height:200px;
	background-image: url(../images/petit-bloc.png);
	background-repeat: no-repeat;
	position:relative;
	padding:15px 15px 15px 15px;
	margin-right:15px;
	}
	
.petit-block img{
	position:absolute;
	right:6px;
	top:25px;
	z-index:1;
	}
	
.petit-block h1, #block-droit h1, #block-droit2 h1, #block-droit3 h1, #bloc-bgd h1{
	font-size:30px;
	margin:0;
	position:relative;
	z-index:2;
	text-transform: uppercase;
	}	
	
#illu {
	float:right;
	margin-top:60px;
	}
	
#block-droit ul li, #block-droit2 ul li, #block-droit3 ul li {
	color:#333;
	list-style-type: disc;
	margin-left:30px;
	}	
	
.petit-block h2, #block-droit h2, #block-droit2 h2, #block-droit3 h2{
	font-size:20px;
	margin:0;
	position:relative;
	z-index:2;
	text-transform: uppercase;
	}
	
#block-droit p, #block-droit2 p, #block-droit2 p {
	font-size:12px;
	line-height:18px;
	}
	
.petit-block p{
	font-size:12px;
	position:absolute;
	z-index:2;
	bottom:35px;
	line-height:18px;
	margin:0;
	
	}	
	
#web h1, #web h2, #web p{
	color:#288097;
	}
	
#design h1, #design h2, #design p{
	color:#32a55d;
	}
	
#visibilite h1, #visibilite h2, #visibilite p{
	color:#e2001a;
	}
	
#ecom h1, #ecom h2, #ecom p{
	color:#e95d0f;
	}
	
#web a{
	background-image: url(../images/bouton1-off.png);
	background-repeat: no-repeat;
	width:105px;
	height:40px;
	position:absolute;
	top:110px;
	left:10px;
	z-index:2;	
	}
	
#web a:hover{
	background-image: url(../images/bouton1-on.png);
	background-repeat: no-repeat;
	}
	
#design a{
	background-image: url(../images/bouton2-off.png);
	background-repeat: no-repeat;
	width:105px;
	height:40px;
	position:absolute;
	top:110px;
	left:10px;
	z-index:2;	
	}
	
#design a:hover{
	background-image: url(../images/bouton2-on.png);
	background-repeat: no-repeat;
	}
	
#visibilite a{
	background-image: url(../images/bouton3-off.png);
	background-repeat: no-repeat;
	width:105px;
	height:40px;
	position:absolute;
	top:110px;
	left:10px;
	z-index:2;	
	}
	
#visibilite a:hover{
	background-image: url(../images/bouton3-on.png);
	background-repeat: no-repeat;
	}
	
#ecom a{
	background-image: url(../images/bouton4-off.png);
	background-repeat: no-repeat;
	width:105px;
	height:40px;
	position:absolute;
	top:110px;
	left:10px;
	z-index:2;	
	}
	
#ecom a:hover{
	background-image: url(../images/bouton4-on.png);
	background-repeat: no-repeat;
	}	

#block-droit {
	float:right;
	background-image: url(../images/bloc-site.png);
	background-repeat: no-repeat;
	width:324px;
	height:393px;
	margin-top:20px;
	padding:20px;
	position:relative;
	}	
	
#block-droit2 {
	float:right;
	background-image: url(../images/bloc-ecom.png);
	background-repeat: no-repeat;
	width:324px;
	height:463px;
	margin-top:20px;
	padding:20px;
	position:relative;
	}	
	
#block-droit3 {
	float:right;
	background-image: url(../images/bloc-annu.png);
	background-repeat: no-repeat;
	width:420px;
	height:507px;
	margin-top:20px;
	padding:20px;
	position:relative;
	}
	
#block-droit h1, #block-droit2 h1, #block-droit3 h1, #bloc-bgd h1{
	border-bottom:1px solid #288097;
	color:#288097;
	font-size:25px;
	margin:0 0 10px;
	padding-bottom:5px;
	}
	
#block-droit img{
	float:left;
	margin-left:-5px;
	}
	
#block-droit p, #block-droit3 p, #bloc-bgd p {
	padding:0 5px 0 0px;
	line-height:18px;	
	}
	
#block-droit a, #block-droit2 a, #block-droit3 a{
	background-image: url(../images/devis-off.png);
	background-repeat: no-repeat;
	width:124px;
	height:42px;
	position:absolute;
	bottom:30px;
	left:120px;
	}	
		
#block-droit a:hover, #block-droit2 a:hover, #block-droit3 a:hover{
	background-image: url(../images/devis-on.png);
	background-repeat: no-repeat;
	}
	
	
#bloc-bgd a{
	background-image: url(../images/devis-off.png);
	background-repeat: no-repeat;
	width:124px;
	height:42px;
	position:absolute;
	bottom:20px;
	right:150px;
	}
	
#bloc-bgd a:hover{
	background-image: url(../images/devis-on.png);
	background-repeat: no-repeat;
	}	
	
hr {
	clear:both;
	visibility:hidden;	
	}	
	
#footer {
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-x;
	height:46px;
	margin-top:40px;
	position:fixed;
	bottom:-15px;
	left:0px;
	width:100%;
	}	
	
#container {
	position:relative;
	z-index:5;
	}	
	
#block-gauche .site h1, #block-gauche .site h2{
	color:#0195B9;
	}
	
.site p {
	position:relative;
	margin-top:50px;
	}	
	
div.bouton-rouge {
	width:123px;
	height:41px;
	background-image: url(../images/bouton-rouge-off.png);
	background-repeat: no-repeat;
	color:#FFF;
	text-align:center;
	text-shadow:0 0 5px #000000;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	position:absolute;
	bottom:20px;
	left:40px;
	}
	
.petit-block ul li {
	list-style-type: disc;
	color:#333;
	background-image: none;
	padding:0;
	line-height:14px;
	font-size:11px;
	font-weight:normal;	
	}
	
.petit-block ul li {
	list-style-type: disc;
	color:#333;
	background-image: none;
	padding:0;
	line-height:14px;
	font-size:11px;
	font-weight:normal;	
	}
	
div#bloc-bgd ul li {
	margin-left:20px;
	font-size:14px;
	}
	
.petit-block ul {
	line-height:14px;
	font-size:11px;
	margin-left:10px;
	font-weight:bold
	}
	
.grand-bloc2 {
	background-image: url(../images/grand-bloc2.png);
	background-repeat: no-repeat;	
	width:390px;
	height:475px;
	float:left;
	padding:10px 20px;
	margin-right:20px;
	margin-top:60px;
	}
	
#bloc-services {
	margin-top:20px;
	margin-bottom:50px;
	}
	
#bloc-services h5{
	margin-top:25px;
	}
	
.grand-bloc2 h1 {
	font-size:22px;
	color:#288097;
	margin:0;
	width:100%
	display:block;
	border-bottom:1px solid #288097;
	background-image: url(../images/picto-pack.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-bottom:5px;
	padding-top:15px;
	}
	
.grand-bloc2 h1.lysard {
	background-image: url(../images/picto-lysard.png);
	}
	
.grand-bloc2 ul li {
	list-style-type: disc;
	color:#333;
	background-image: none;
	padding:0;
	line-height:16px;
	font-size:11px;
	font-weight:normal;
	}
	
.grand-bloc2 ul li ul li{
	list-style-type: inherit;
	}			
	
.grand-bloc2 ul {
	line-height:18px;
	font-size:11px;
	margin-left:10px;
	font-weight:bold;
	margin-bottom:20px;
	}	
	
a.play, a.prev, a.next, a.pause {
	font-weight:bold;
}
	
	
.grand-bloc2 h4, .grand-bloc2 h5{
	color:#288097;
	text-transform:uppercase;
	}					




.contact {
	color:#E2001A;
	font-weight: bold;
	font-size:16px;
	border:#CCC 1px solid;
	width:265px;
	margin: 10px auto;
	padding:10px;
	background-color:#FFF;
	text-align:center;
}

#bas {
	position:relative;
	width:900px;
}

#domaines {
	position:absolute;
	width:450px;
	text-align: left;
}

#formulaires {
	position:absolute;
	width:450px;
	left:480px;
	top:20px;

}

form {
	margin-top:25px;

}

#gauche {
	float:left;
	width:190px;
	margin-left:10px;
	margin-right:20px;
	
	}
	
#droite {
	float:left;
	width:180px;
	margin-right:10px;
	}

	
a{
	color: #288097;
	text-decoration: none;
}
a:focus, a:hover, a:active {
	text-decoration: underline;
}
p, li {
	line-height: 1.8em;
}

#formulaires p {
	clear:both;
	margin:0;
	padding:0;
	height:40px;	
}

#formulaires form p.textarea {
	height:160 px;!important	
}

p label {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	float:left;
	margin:0;
	padding:0;

}


input.text {
	float:right;
	margin:0;
	width:200px;
	height:20px;
	/*background-image: url(../images/input.jpg);*/
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	
p#bouton2{
	text-align:center;
	margin-bottom:70px;
	}
	
input.bouton {
	text-align:center;
	margin-right:10px;
	padding:3px 5px;
	}
	
textarea {
	margin:10px 0 20px 0;
	float:right;
	width:330px;
	height:160px;
	/*background-image: url(../images/input.jpg);*/
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow:hidden;
	}
	
input.submit {
	clear:both;
	margin-right:90px;
	width:118px;
	height:30px;
	float:right;
/*	background-image: url(../images/envoyer.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;*/
	}
	
input.submit:hover {
	width:118px;
	height:30px;
	float:right;
/*	background-image: url(../images/envoyer2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;*/
	}

h1 {
	font-size: 30px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
}

#domaines h1, #formulaires h1 {
	font-size: 30px;
	margin: 5px 0;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}

h2 {
	font-size: 24px;
	color: #FFF;
	font-weight: bold;
}

h3 {
	font-size: 17px;
	color: #2b2b2b;
	margin:5px 0;
}

#domaines h3 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	margin:40px 0px 10px 30px;
	.margin:40px 0px 10px 30px;
}

h4{
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-left:0px;
	margin-top:25px;
	margin-bottom:10px;
	text-transform: uppercase;	
}

h4.realisation{
	margin-top:50px;
	margin-bottom:0px;
	text-transform:none;
	background-image: url(../images/realisations-title.png);
	background-repeat: no-repeat;
	height: 14px;
	width: 260px;
	padding:6px 10px;
	color:#288097;
	margin-left:20px;
}

h4.realisation2{
	margin-top:0px;
	margin-bottom:0px;
	text-transform:none;
	text-transform:none;
	background-image: url(../images/realisations-title.png);
	background-repeat: no-repeat;
	height: 14px;
	width: 260px;
	padding:6px 10px;
	margin-left:20px;
	color:#288097;	
}

h4 a{
	margin-right:100px;
}



h5{
	font-size: 14px;
	color: #333;
	font-weight: bold;
}

#gauche h5, #droite h5{
	font-size: 14px;
	margin:5px 0;
	font-weight: bold;
}

ul{
	padding-left:5px;
	margin-left:0;
	.margin-top:5px;
}


li{
	font-size: 12px;
	color: #333;
	margin-left:0px;
	padding-left:15px;
	background-repeat: no-repeat;
	list-style-type: disc;
	background-position: 0px 8px;
}


p {
	font-size: 14px;
	color: #2b2b2b;
	}


pre {
	font-size: 1.2em;
	line-height: 1.2em;
	/*overflow-x: auto;*/
}
div#page {
	position:relative;
	width: 900px;
	margin: 0 auto;
	padding:0;
	text-align: left;
}

div#ads {
	clear: both;
	padding: 12px 0 12px 66px;
}


#flash {
	position:absolute;
	left:50%;
	top:-22px;
	margin-left:-350px;
	}
	
#thumbs {

	padding-top:10px;
	padding-left:15px;
	width:917px;
	height:118px;
	}
	
#news {
	background-image: url(../images/news-bloc.png);
	background-repeat: no-repeat;	
	width:221px;
	height:330px;
	float:right;
	padding:10px;
	position:relative;
	}
	
#news h1{
	color:#288097;
	font-size:25px;
	margin:0;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom: 1px solid #288097;
	}
	
#news h3{
	color:#333;
	font-size:16px;
	margin:0;
	}
	
#news p{
	color:#333;
	font-size:14px;
	line-height: 18px;
	}
	
#news img{
	position:absolute;
	}
	
#tel {
	position:absolute;
	top:0;
	right:20px;
	}
	
#bloc-head {
	background-image: url(../images/bloc-head.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
	width: 900px;	
	}
	
#bloc-bottom {
	background-image: url(../images/bloc-bottom.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 15px;
	width: 900px;	
	}
	
#bloc-bgd {
	background-image: url(../images/bloc-bgd.png);
	background-repeat: repeat-y;
	padding: 5px 35px 25px 25px;
	position:relative;
	}
	
textarea#message {
	overflow-y: scroll;	
	}
	
#captcha {
	margin-left:115px;
	border:2px solid #FFF;
	margin-right:10px;
	margin-bottom:-7px;
	}