/*
Theme pour laWebAppAgency
Version 1.0
Author: Paul-Louis BELLETANTE pour Bemobee
if you're seeing it, plz tell us : we could work 2gether
*/

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

body img {
border:none;
	
	
}

li { display: inline; }

#top {
	height:99px;
	background-color:#313131;
}
#topinterne {
	height:99px;
	background-color:#313131;
}

#header {
	height:99px;
	width:900px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	margin: 0px auto;
	
}
#headerinterne {
	height:99px;
	width:900px;
	background-image:url(images/header_interne.jpg);
	background-repeat:no-repeat;
	margin: 0px auto;
	
}

#menunav {
	margin-left:400px;
	padding-top:30px;
	font-size:15px;
	font-weight:500;
	color: #888; 
	text-decoration: none; 
	
}
#menunav a{
	padding-right:5px;
	padding-left:5px;
	color: #e0e0e0; 
	text-decoration: none; 
}

#menunav a:hover{
	color: #F9F9F9; 
	text-decoration: none; 
	background-color:#444444;
}

#middle {
	height:389px;
	background-color:#49c6f3;
}
#middleinterne {
	height:197px;
	background-color:#49c6f3;
}

#bandeaubleu {
	height:389px;
	width:900px;
	background-image:url(images/bandeaubleu.jpg);
	background-repeat:no-repeat;
	margin: 0px auto;
	
}
#bandeaubleuinterne {
	height:197px;
	width:900px;
	background-image:url(images/bandeau_bleu_interne.jpg);
	background-repeat:no-repeat;
	margin: 0px auto;
	
}

#bandeaubleuinterneus {
	height:197px;
	width:900px;
	background-image:url(images/bandeau_bleu_interne_us.jpg);
	background-repeat:no-repeat;
	margin: 0px auto;
	
}

#ombre{
	height:15px;
	background-image:url(images/ombre.jpg);
	background-repeat:repeat-x;
	
}

#sousmenu{

	height:26px;
	background-image:url(images/sousmenu.jpg);
	background-repeat:repeat-x;
	margin: 0px auto;
	width:900px;
	
}

#sousmenuus{

	height:26px;
	background-image:url(images/sousmenu_us.jpg);
	background-repeat:repeat-x;
	margin: 0px auto;
	width:900px;
	
}

#ombreinterne{

	height:52px;
	background-image:url(images/ombre_interne.jpg);
	background-repeat:repeat-x;
	margin: 0px auto;
	width:900px;
	
}

#ombreinterneus{

	height:52px;
	background-image:url(images/ombre_interne_us.jpg);
	background-repeat:repeat-x;
	margin: 0px auto;
	width:900px;
	
}


#sousombre{
	height:auto;
	background-image:url(images/sousombre.jpg);
	background-repeat:repeat-x;
	
}

#reference, #reference1, #reference2, #reference3, #reference4, #reference5, #reference6, #reference7, #reference8, #reference9, #reference10 {
	width:600px;
	height:100px;
	margin: 0px auto;
}



#referenceq7 {
	width:600px;
	height:180px;
	margin: 0px auto;
}

#referenceq8 {
	width:600px;
	height:160px;
	margin: 0px auto;
}

.imgreferencesol {
	border: 1px solid #666666;
	padding: 2px 2px 2px 2px;
	width:150px;
	height:100px;
	float:left;
}

.imghome {
	border: 1px solid #666666;
	padding: 2px 2px 2px 2px;
	width:530px;
}


#contenu {
	width:600px;
	margin: 0px auto;
	height:auto;
}



.textereference {
	width:330px;
	margin-left:15px;
	float:left;
	line-height:normal;
}

.textereferencequi {
	width:200px;
	margin-left:15px;
	float:left;
	line-height:normal;
}

.imgreference {
	border: 1px solid #666666;
	padding: 2px 2px 2px 2px;
	width:150px;
	height:100px;
	float:left;
}

p.reference {
	font-size:13px;
	color:#414141;
	text-align:justify;
	line-height:1.1;
	width:530px;
	margin: 0px auto;

}

p.referencedroite {
	font-size:14px;
	color:#414141;
	text-align:left;
	line-height:1.1;
	width:530px;
	margin: 0px auto;

}

p.referencequi {
	font-size:13px;
	color:#414141;
	text-align:justify;
	line-height:1.1;
	width:430px;
	margin: 0px auto;

}

p.accueil {
	font-size:13px;
	color:#414141;
	text-align:justify;
	line-height:1.1;
	width:700px;
	margin: 0px auto;

}

H2.qui {
	
	font-weight:bold;
	font-size:18px;
	color:#094486;
	text-align:justify;
	line-height:1.1;
	width:700px;
	margin: 0px auto;

}

H2.qui a {
	
	font-weight:bold;
	font-size:17px;
	color:#094486;
	text-align:justify;
	line-height:1.1;
	width:700px;
	margin: 0px auto;
	text-decoration:none;

}

H2.qui a:hover {
	
	font-weight:bold;
	font-size:17px;
	color:#757575;
	text-align:justify;
	line-height:1.1;
	width:700px;
	margin: 0px auto;
	text-decoration:none;

}


H2.quidroite {
	
	font-weight:bold;
	font-size:16px;
	color:#757575;
	margin-right:0px;
	line-height:1.1;

}

H2.quidroite a {
	
	font-weight:bold;
	font-size:16px;
	color:#757575;
	margin-right:0px;
	line-height:1.1;
	text-decoration:none;

}

H2.quidroite a:hover {
	
	font-weight:bold;
	font-size:16px;
	color:#757575;
	margin-right:0px;
	line-height:1.1;
	text-decoration:none;

}


H2.reference {
	
	font-weight:bold;
	font-size:17px;
	color:#49c6f3;


}

H2.reference a {
	
	font-weight:bold;
	font-size:17px;
	color:#49c6f3;
	text-decoration:none;

}

H2.reference a:hover {
	
	font-weight:bold;
	font-size:17px;
	color:#757575;
	text-decoration:none;

}

#texte {
	width:700px;
	margin: 0px auto;
}

#imgmobile {
	margin: 0px auto;
	background-image:url(images/siteweb_mobile.jpg);
	height:450px;
	width:600px;

}

h1 {
	font-size:22px;
	color:#49c6f3;
	font-weight:bold;
	padding-top:0px;
	margin-top:0px;
	width:796px;
	margin: 0px auto;
	
}

h1 a{
	font-size:22px;
	color:#49c6f3;
	font-weight:bold;
	padding-top:0px;
	margin-top:0px;
	width:796px;
	margin: 0px auto;
	
}

h1 a:hover{
	font-size:22px;
	color:#49c6f3;
	font-weight:bold;
	padding-top:0px;
	margin-top:0px;
	width:796px;
	margin: 0px auto;
	
}

h2 {
	font-size:18px;
	color:#515151;
	text-align:justify;
	font-weight:bold;
	padding-top:0px;
	margin-top:0px;
	width:600px;
	margin: 0px auto;
	
}
h3 {
	font-size:16px;
	color:#515151;
	font-style:italic;
	
	padding-top:0px;
	margin-top:0px;
	width:600px;
	margin: 0px auto;
	text-align:justify;
	
}
h4 {
	font-size:11px;
	color:#717171;
	text-align:right;
	font-style:italic;
	width:600px;
	margin: 0px auto;
	
	
	
}

h5 {
	font-size:18px;
	color:#49c6f3;
	font-weight:bold;
	padding-top:0px;
	margin-top:0px;
	width:600px;
	margin: 0px auto;
	
}

h6 {
	font-size:18px;
	color:#717171;
	font-weight:bold;
	padding-top:0px;
	margin-top:0px;
	width:600px;
	margin: 0px auto;
	
}

#textehome {
	font-size:17px;
	color:#818181;
	font-weight:500;
	padding-top:0px;
	margin-top:0px;
	width:796px;
	margin: 0px auto;
	
}

p {
	font-size:13px;
	color:#414141;
	text-align:justify;
	line-height:1.1;
	width:600px;
	margin: 0px auto;
	
}


p a{
	text-decoration:none;
	color:#49c6f3;
	
}
p a:hover{
	text-decoration:none;
	color:#717171;
	
}

#troisoptions {
	width:900px;
	margin: 0px auto;
}

#sousoptions{
	height:61px;
	background-image:url(images/basoptions.jpg);
	background-repeat:repeat-x;
	
}

#down {
   background-color:#F3F3F3;
}

#footer {

	margin: 0px auto;
	
}

#debutmenu{
	height:29px;
	background-image:url(images/debutmenu.jpg);
	background-repeat:repeat-x;
}
#menufooter {
	width:900px;
	margin: 0px auto;
}