*{
	margin: 0;
	padding: 0;
}

html{
	height: 100%;
}

body {
	margin: 0; /* pour éviter les marges */ 
	padding : 0;
	height: 100%;	
	text-align: center; /* pour corriger le bug de centrage IE */ 
	background-color: #FFFFFF;
}

#superglobal{
	position : relative;
	margin-left: auto; 
	margin-right: auto;
	padding:0px;
	width: 820px;
	min-height: 100%;
	text-align: left;
	background: url(../images/bg_body.gif) repeat-y;
}

#header{
	position: relative;
	margin-left: auto; 
	margin-right: auto;
	height:140px;
	width: 778px;
	background: url(../images/menu.gif) repeat-x bottom;
	background-color:#FFFFFF;
}

#content{
	position: relative;
	margin: 0 auto;
	width: 778px;
	min-height: 100%;
	background: url(../images/bg_content.gif) repeat-x top left;
}

#view {
	padding-top:30px;
	padding-left:35px;
	padding-right:35px;
}

#footer{
	position: relative;
	width: 778px;
	margin:30px 0 0 21px;
	padding-bottom:20px;
	background: url(../images/footer.gif) repeat-x;
}

	body, th, td, input, textarea, select {
	font-family: "Trebuchet MS",Verdana,sans-serif;
	font-size: 11px;
	color: #414E5A;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
}

a {
	color: #30639F;
}

a:hover {
	text-decoration: none;
}

.ul1 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	line-height: 1.5em;
}

.ul1 a {
	padding-left: 13px;
	background: url(../images/li_green.gif) no-repeat left center; 
}


/* BOUTON */
a.link4 {
	display: block;
	width:60px;
	height:16px;
	background: url(../images/btn_plus.gif) repeat-x;
	text-align:center;
	text-decoration: none;
	color: #FFFFFF;
}
a.link4:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}
h2{font-size:16px;}
h3{font-size:12px;}

/* ----------------------------- HEADER -------------------------------- */

/* MESSAGE ALERT IE 6*/
#alert_ie6{
	background-color:#ff6666;
	padding:25px;
	margin:10px 33px 10px 33px;
	color:#FFF;
	font-size:12px;
}
#alert_ie6 a{
	color:#FFF;
}

#txt {
	position:absolute;
	right:255px;
	top:82px;
}


#header img{
	padding-top:22px;
	padding-left:532px;
}

/* SPLASH-MENU */
#mainmenu {
	position:absolute;
	right:130px;
	top:107px;
	height: 41px;
	margin: 0px auto;
	padding: 9px 0px 0px 30px;
}

#mainmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#mainmenu li {
	display: inline;
}

#mainmenu a {
	display: block;
	float: left;
	padding-left:12px;
	margin-right:12px;
	background: url(../images/homepage10.gif) no-repeat 0px 4px;
}

a.link2 {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

a.link2:hover {
	text-decoration: underline;
}

/* ----------------------------- FIN HEADER -------------------------------- */

/* ----------------------------- CONTENT -------------------------------- */
#left {
	float: left;
	width: 490px;
}

#right {
	float: left;
	width: 211px;
}
/* ----------------------------- FIN CONTENT -------------------------------- */

/* ----------------------------- FOOTER -------------------------------- */
#links {
	margin: 0px;
	padding: 24px 0px 10px 0px;
}

#copyright {
	margin: 0px;
	padding: 10px 0px 50px 0px;
}

.twi {
	background: url(../images/twitter-icon.png) no-repeat left top;
	padding-left:18px;
}

.fbook {
	background: url(../images/facebook-icon.png) no-repeat left top;
	padding-left:18px;
}

.style1 {
	margin: 0px;
	padding:0px;
	text-align: center;
	font-size: 10px;
}

/* ----------------------------- FIN FOOTER -------------------------------- */



/* ----------------------------- ACCUEIL -------------------------------- */

#box_index {
	width:520px;
	height:auto;
	text-align:justify;
}

.block_index {
	width:255px;
	height:160px;
	float:left;
	padding-left:5px;
}

.img_index {
	padding-left:15px;
	padding-right:5px;
	float:left;
}

#box_index .title_index {
	width:185px;
	height:30px;
	float:left;
	padding-left:4px;
}

#box_index .index_txt{
	height:115px;
	padding:8px;
}

#box_index li{
	background: url(../images/li_green.gif) no-repeat left center; 
	padding-left: 13px; 
	margin-left:15px;  
	list-style: none;
	}

/* ----------------------------- FIN ACCUEIL -------------------------------- */




#box_crea_web, #box_iphone_web, #box_iphone_appli, #box_fb_appli, #boxcontact, #box_coo, #box_reference {
width:490px;
height:auto;
float:left;
}

.img_solutions {
float:left;
}
.titre_solutions {
width:350px;
height:auto;
float:left;
}

.description_solutions {
padding:5px 0 10px 5px;
width:490px;
float:left;
text-align:justify;
}

/* ----------------------------- NOS SOLUTIONS -------------------------------- */
#box {
width:460px;
height:auto;
float:left;
margin:0 0 0 20px;
text-align:justify;
}

#box_index .img_title {
padding-left:5px;
float:left;
}


#box .titlebox {
width:450px;
float:left;
padding-bottom:5px;
}

#box .imgbox{
width:85px;
float:left;
}

#box .text-box{
width:360px;
height:90px;
float:left;
margin-top:10px;
}

#boxinfoContainer
{
width:390px;
height:auto;
position:relative;
float:left;
}

#boxinfoContainer a{
color:#FFFFFF;
text-decoration:none;
padding-right:10px;
}

#boxinfoContainer ul{
padding-top:5px;
}
#boxinfoContainer li{
padding-left: 13px;
list-style: none;
}

#panel1, #panel2, #panel3 {
	position:relative;
	width:363px;
	height:auto;
	margin-left:104px;
    display:none;
}
#panel1 li{background: url(../images/li_green.gif) no-repeat left center;}
#panel2 li{background: url(../images/li_blue.gif) no-repeat left center;}
#panel3 li{background: url(../images/li_red.gif) no-repeat left center;}
#slide1{ background: url(../images/slide_green.gif) repeat-x; float:left; margin:0 0 20px 104px; padding-left:110px; font-size:10px; width:250px; height:13px;}
#slide2{ background: url(../images/slide_blue.gif) repeat-x; float:left; margin:0 0 20px 104px; padding-left:110px; font-size:10px; width:250px; height:13px;}
#slide3{ background: url(../images/slide_red.gif) repeat-x; float:left; margin:0 0 20px 104px; padding-left:110px; font-size:10px; width:250px; height:13px;}
.btn-slide1 {background: url(../images/white-arrow.gif) no-repeat right -48px; font-size:10px; text-align: center; padding: 0px 15px 0 0; margin-right:15px; color:#FFFFFF; text-decoration: none; }
.btn-slide2 {background: url(../images/white-arrow.gif) no-repeat right -48px; font-size:10px; text-align: center; padding: 0px 15px 0 0; margin-right:15px; color:#FFFFFF; text-decoration: none; }
.btn-slide3 {background: url(../images/white-arrow.gif) no-repeat right -48px; font-size:10px; text-align: center; padding: 0px 15px 0 0; margin-right:15px; color:#FFFFFF; text-decoration: none; }

.btn-devis {
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}

.active {
	background-position: right 3px;
}

/* ----------------------------- FIN NOS SOLUTIONS -------------------------------- */



/* ----------------------------- PAGE CONTACT -------------------------------- */



#box_contact {
	width:300px;
	float:left;
	padding-top:10px;
	padding-left:20px;
}

#box_cv img{
	padding-top:10px;
	
}

/** FORMS */
form {
	margin: 0px;
	padding: 0px;
}

ul.form li input, ul.form li select, ul.form li textarea 
{
	width: 200px;
	float:right;
}

ul.form li
{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #aaaaaa;
	padding-top: 6px;
	padding-right: 0pt;
	padding-bottom: 6px;
	padding-left: 0pt;
	height: 30px;
}


ul.form li input.checkcode
{
	float:inherit;
	
} 

ul.form li textarea
{
	height: 90px;
	width: 200px;
	float:right;
}

#commentForm ul.select li{
	border-bottom-style: none;
	list-style-type:none;	

}
.required_field{
	padding-left:10px;
	font-size:9px;
	font-style:italic;
	color:#999;
}

.who {
	list-style:none
}

#bt_envoyer{
	border:0px;
	width:60px;
	height:16px;
	background: url(../images/btn_plus.gif) repeat-x;
	text-align:center;
	text-decoration: none;
	color: #FFFFFF;
}


#commentForm { width: 700px;}
#commentForm label { 
display: block;
float: left;
width: 80px;
}
#commentForm label #captcha {
width:200px;
}
#commentForm label.error { float:right; width:240px; font-size:9px; font-style:italic; text-align:right; padding-top:1px;}

/**********************************
Name: cmxform Styles
***********************************/
form.cmxform {
	width: 370px;
	font-size: 1.0em;
	color: #333;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
}
div.error { display: none; }
/*input {	 width:200px; }*/
input.checkbox { border: none }
input.error { border:1px double red; }
textarea.error { border:1px double red; }
form.cmxform .gray * { color: gray; }

p#statusgreen { font-size: 1.2em; background-color: #fff; color: #0a0; }
p#statusred { font-size: 1.2em; background-color: #fff; color: #a00; }
fieldset label { display: block; }
div#captchaimage { float: left; margin-right: 15px; }
input#captcha { width: 25%; float:left;}

input#submit { 
display: block; margin: 2% 0% 0% 0%;
}

#commentForm.success {
border: 1px solid #49c24f;
background: #bcffbf;
}
#commentForm.error {
border: 1px solid #c24949;
background: #ffbcbc;
}

#success {
	
	
}
/* ----------------------------- FIN PAGE CONTACT -------------------------------- */


/* QUI SOMMES NOUS, NOS REF, NEWS ET CITATION */

#box6 .content {
	padding: 15px 0px 0px 10px;
}

#box6 .content p {
	padding-right: 8px;
}

#box6 .content p {
	padding-right: 8px;
}

.img1 {
	float: left;
	margin-right: 15px;
}

#box7 {
	padding-left: 38px;
}

#box7 .title {
}

#box7 .content {
	padding: 15px 0px 0px 10px;
}

hr { display: none; }

.hr1 {
	height: 1px;
	margin-bottom: 1em;
	background: url(../images/homepage19.gif);
}

#box8 {
	padding: 10px 0px 0px 38px;
}

#box8 .title {
}

#box8 .content {
	padding: 15px 0px 0px 10px;
}


/* style qui sommes nous, news*/
.text2 {
	font-size: 11px;
	color:#669900;
}

.text3 {
	font-weight: normal;
	color: #1949A0;
}