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

body {
/*background:url(img/body_bg.jpg) top center no-repeat #000000;*/
/*background:url(img/background-1.jpg) scroll 0 -200px no-repeat #000000;*/
background:url(img/background-2.jpg) scroll 0 -200px no-repeat #000000;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

img {
border:none;
}

a {
color:#000000;
}

h2 {
color: #284a91;
}

h3 {
color: #018d00;
}

#content {
margin: auto;
margin-top: 60px;
width:940px;
background: #FFFFFF;
}

#header {
background: url(img/header_bg.png) repeat-x;
height:100px;
width: 940px;
}

#menu {
background: url(img/menu_bg.png) repeat-x;
height: 40px;
width: 940px;
}

#contenu {
background: #FFFFFF;
padding-top: 5px;
width: 940px;
text-align: center;
}

#footer {
background:url(img/footer_bg4.png) repeat-x bottom;
height: 50px;
width: 940px;
color:#FFFFFF;
font-size:10px;
text-align: right;
}

#superfooter {
width: 940px;
background: #000000;
text-align: center;
padding: 10px 0;
}

#superfooter a {
color:#FFFFFF;
font-size:10px;
padding: 0 5px; 
text-align: center;
font-size:10px;
text-decoration: none;
}

#header_left {
background:url(img/header_left.png) no-repeat;
height: 100px;
width: 106px;
float: left;
}

#header_right {
background:url(img/header_right.png) no-repeat;
height: 100px;
width: 160px;
float: right;
}

#logo {
background: url(img/logo.png) no-repeat;
height: 100px;
width: 178px;
float:left;
margin-left: 50px;
margin-right: 50px;
}

#pelican {
background: url(img/pelicanb.png) no-repeat;
height: 100px;
width: 75px;
float:left;
margin-right: 25px;
}

#bulles {
background: url(img/bulles.png) no-repeat;
height: 100px;
width: 260px;
float: left;
}

#menu ul {
margin: 0;
padding: 0;
float: right;
height:40px;
}

#menu li {
display:inline;
margin: 0;
margin-left: -4px;
padding: 0;
}

#menudeco {
background: url(img/menu_left.png) no-repeat;
height: 40px;
width: 100px;
float: left;
}

#bandeau {
background: url(img/bandeau_bg.png) repeat-x;
width:940px;
}

#form {
background: url(img/form_bg.png) no-repeat;
width: 247px;
height: 158px;
float: left;
}

#news {
width: 335px;
height: 180px !important;
height: 178px;
overflow:hidden;
float:left;
margin-right: 50px;
}

#bas {
width: 940px;
height: 220px;
margin-top: 20px;
margin-bottom: 0 !important;
margin-bottom: -3px;
}

#monsieur3 {
float:left;
margin: 7px 10px 0 30px !important;
margin: 7px 10px 0 20px;
height:173px;
width: 71px;
background:url(img/monsieur3.png) top;
}

#monsieur2 {
float:left;
margin: 5px 10px 0 20px !important;
margin: 5px 10px 0 10px;
height:175px;
width: 114px;
background:url(img/monsieur2.png) top;
}

#monsieur1 {
float:left;
margin: 22px 25px 0 20px !important;
margin: 22px 15px 0 10px;
height:158px;
width: 97px;
background:url(img/monsieur1.png) top;
}

#newstitre {
font-weight: bold;
font-size: 14px;
color:#009900;
text-decoration:underline;
margin: 10px 0 0 0;
text-align: left;
}

#news ul {
font-size: 10px;
color:#000000;
text-align:left;
padding: 0;
}

#news li {
font-size: 10px;
color:#000000;
text-align:left;
margin: 5px 0 5px 5px;
}

#news li a {
color:#000;
text-decoration: none;
}

form {
margin-top: 52px;
padding-left: 22px;
text-align:left;
}

input {
text-align: left;
font-size: 11px;
margin-top: 5px;
}

#pipe {
width: 940px;
margin-bottom: 30px;
}

#pipe ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#pipe ul li {
	margin-left: 0;
	padding: 0 6px 0 6px;
	list-style:circle;
	display: inline;
	background: #66FFCC;
	}
	
		
#pipe ul li.first {
	margin-left: 0;
	border-left: none;
	display: inline;
	}

.realisations {
width: 790px;
height: 195px;
padding-left: 150px;
background:url(img/bandeau_bg.gif) repeat-x center;
}

.realisations img {
margin: 0 10px 10px 10px;
padding: 2px;
border: #000000 solid 1px;
float: left;
background: #FFFFFF;
}

.descriptionweb {
background: url(img/realisations/web.png) #FFFFFF top right no-repeat;
border: #244386 solid 1px;
padding: 10px;
float: left;
margin: 0 10px 10px 30px;
width: 200px;
text-align:left;
}

.descriptioweb a {
	color: #244386;
}

.descriptionprint {
background: url(img/realisations/print.png) #FFFFFF top right no-repeat;
border: #018d00 solid 1px;
padding: 10px;
float: left;
margin: 0 10px 10px 30px;
width: 200px;
text-align:left;
}

.descriptioprint a {
	color: #018d00;
}

.descriptioncd {
background: url(img/realisations/cd.png) #FFFFFF top right no-repeat;
border: #ff0000 solid 1px;
padding: 10px;
height: 150px;
float: left;
margin: 0 10px 10px 30px;
width: 200px;
text-align:left;
}

.descriptioncd a {
color: #ff0000;
}

.descriptionemail {
background: url(img/realisations/email.png) #FFFFFF top right no-repeat;
border: #a80077 solid 1px;
padding: 10px;
height: 150px;
float: left;
margin: 0 10px 10px 30px;
width: 200px;
text-align:left;
}

.descriptionemail a {
color: #a80077;
}

.descriptionusb {
background: url(img/realisations/usb.png) #FFFFFF top right no-repeat;
border: #000000 solid 1px;
padding: 10px;
height: 150px;
float: left;
margin: 0 10px 10px 30px;
width: 200px;
text-align:left;
}

.descriptionusb a {
color: #000000;
}

form#contact {
width: 480px;
}

form#contact input {
width: 456px;
padding: 5px 2px;
margin-bottom: 15px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
border: 1px solid #999;
background-color: #FBFAEC;
color: #333;
}

form#contact textarea {
width: 456px;
padding: 5px 2px;
margin-bottom: 15px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
border: 1px solid #999;
background-color: #FBFAEC;
color: #333;
}

form#contact input.btnContact {
width: 166px;
padding: 5px 2px;
cursor: pointer;
background: url(img/footer_bg.png) #083E46;
color: #FFF;
}

#refcontact {
width: 150px;
height: 150px;
float: right;
text-align: left;
margin: 50px 20px 10px 20px;
}


.menu, .menu ul {margin:0; padding:0}
.menu {position:relative; font:14px Helvetica, sans-serif; font-weight:bold; background: url(img/bg.gif) repeat-x; height:40px; width:400px}
.menu ul {list-style:none; z-index:10; position:absolute; z-index:100; padding:11px 5px}
.menu li {float:left;}
.menu a, .menu a:active, .menu a:visited, .menu a:hover {text-decoration:none; color:#252525; padding:10px 17px 10px 17px;}
#slide {position:absolute; top:6px; height:26px; background: url(img/menu.gif) repeat-x #018d00; z-index:10}

#bas h3 { text-align: left; margin-left: 25px; }

#bas a { float: left; }

#bas a img { border: 1px solid #000; padding: 1px; margin-right: 10px;}