body { 
	margin:0px 0; 
	padding:0; 
	font: 74% Arial, Sans-Serif; 
	color:#ccc;  
	background: #343434 url(../images/bg.jpg) repeat-x;
	line-height: 1.4em; 
}


.content { 
	background: #FFF url(../images/bgmain.jpg) repeat-y center;
	color: #ccc; 
	margin: 0 auto; 
	padding: 0; 
	width: 887px;
}

.image{
float: right;
}

.bodytextitalic
{ 
	font-size: 8pt;
	font-style:italic;
	line-height:10px;}
	
.bodytextitalic-chiffres
{ 
	font-size: 7pt;
	font-style:italic;
	line-height:10px;}

.referencement {
	font-family: Arial;
	font-size: 1px;
	color: #FFFFFF;
	line-height:1px;}

.quotefont {
 font-family: Verdana, Helvetica, Trebuchet MS, Sans-serif, Times, TimesNR;
font-size: 9px;
background-color:#333333;
color: #ffffff;
line-height: 16px;
font-style: normal;
padding:8px;
width:140px; }

.quotefont a{
color: #ffffff;
text-decoration:none;
line-height:12px;
}
.quotefont .quotebas {text-align:right; margin-top:10px;}

/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#header { 
	margin: 0; 
	width: 887px; 
	background: #FF9503 url(../images/header.jpg) no-repeat center top;  
	height: 166px; 
	color: #FFF; 
}

#header .f_search { float: right; padding: 70px 50px 0 0; }
#header .title {	padding: 45px 0 0 0px; }

#header h2 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 30px;
		font-weight: bold;
		letter-spacing:0.2em;
		padding: 4px 0 0 50px;
		margin: 0;
		}
#header h2 a{
text-decoration:none;
color:#FFFFFF;
}
#header h2 a:hover{
text-decoration:none;
color:#666666;
}



#header h3 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 13px; 
		background-image: none;
		letter-spacing:0.1em;
		color: #A90000;
		margin: 0;
		padding: 10px 0 0 50px;
}

#header h1 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	background-image: none;
	letter-spacing:0.15em;
	color: #FFF;
	margin: 0;
	padding: 15px 0 0 0;
	text-align:center;
	/*line-height: 20px;*/
		vertical-align: middle;
	line-height: 20px;
}



/* SUBHEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#subheader { 
	background: #A90000 url(../images/bgmenu.jpg) repeat-y center;
	width: 887px;
	height: 36px;
	background-color: #A90000;
	color: #FFF;
}
#subheader .padding {
	padding: 0px;
	height: 36px;
	margin: 0px;
}
#subheader h2 { color: #FEAB06; }
#subheader a {color: #FECF5F; }

#subheader-bas {
	background: url(../images/bgmenu-bas.jpg) no-repeat center;
	width: 887px;
	height: 2px;
	line-height: 2px;

}

/* MENU */

#menu {
	/*border-color:#646464;
	border-width:1px;
	border-left-style:solid;
	border-right-style:solid;*/
	height: 36px;
	margin:0 0 0 7px;
	padding:0px;
	}

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

#menu li {
	display: inline;
	}

#menu a {
	display: block;
	float: left;
	padding: 11px 0 0 0;
	margin:0px;
	/*background: url(../images/img03.gif) no-repeat;*/
	text-decoration: none;
	font-weight:bold;
	font-size:13px;
	color: #FFFFFF;
	width:107px;
	height: 25px;
	text-align:center;
	border-color:#FFF3D7;
	border-width:1px;
	border-left-style:solid;
	}

#menu a:hover {
	color: #fec75e;
	font-size:14px;
}

#menu .first a {
	border-width:0px;
	background: none;
}

#menu .fixe {
color:#ffd88d;
 font-size:14px;
}


/* NAVIGATION
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav { text-align: left; color: 	#7D8085; padding: 20px 0 0 0px; width: 158px; }
.nav li { 
	font-weight: bold; 
	margin: 5px 0 5px 0px; 
	padding: 0px 0 0 0px; 
	border-bottom: 1px solid #ccc; 
	height: 25px; background: url(../images/li.png) no-repeat left;
}
.nav li a { color: #546078; text-decoration: none;  padding: 5px 0 0 10px; display: block; height: 25px;}
.nav li a:hover { color: #FFF; text-decoration: none; background: #A90000; display: block; height: 25px;}

.nav-fixe { color: #FFF; text-decoration: none; padding: 5px 0 0 10px; background: #A90000; display: block; height: 25px;}

/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#main { background: #FFF; width: 865px; margin: 0 10px 0 10px; color: #808080; }  
#main .left_side { 
	padding:0px 0 0 10px; margin:0;
	width: 180px; 
	background: url(../images/mright.png) no-repeat top right; 
	/*min-height: 505px;*/  
}

#main .left_side .hitems { margin: 0; 	padding: 0; }
#main .left_side .hitems ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	color: #a90000;
	list-style-image: url(../images/arrow.gif);
}
	
#main .left_side .hitems li { 
	margin: 0 0 2px 20px;
	padding: 0 0 0 0px;
	color: #555;
	 
}

#main .right_side {
	float: right;
	width: 650px;
	background: #FFF;
	padding:15px 15px 0 0;
	margin:0;
	text-align: justify;
}

#main h3 { font: 85% Arial, Sans-Serif; margin: 10px 0 10px 0; padding: 0; color: #5f5f5f; background: inherit; border-bottom: 1px solid #FEAB06; letter-spacing:0.25em;
}

#main .box  {	background: #efefef; padding: 5px; border: 1px solid #ccc;}


#main .right_side ul { 
	margin: 0 0 5px 0; 
	padding : 0; 
	list-style : none; 
	border-bottom: 0px solid #eee; 
	list-style-type: square;
	color: #F87A01;
	font-weight:bold;
	}
	
#main .right_side li { 
	margin: 2px 0 2px 25px;
	padding: 0 0 0 0px;
	color: #555;
	font-weight:normal;
}

#main .right_side .commentaires ul { 
	margin: 5px 0 0 0; 
	padding : 0; 
	list-style : none; 
	border-bottom: 0px solid #eee; 
	list-style-type: square;
	color: #000066;
	font-weight:normal;
	}
	
#main .right_side .commentaires li { 
	margin: 0 0 0 25px;
	padding: 0 0 0 0px;
	color: #555;
	font-weight:normal;
}

	
.commentaires-test { 
	margin: 0 0 00 30px;
	padding: 0 0 0 0px;
	color: #B7B7B7;
	font-weight:normal;
	font-style:italic;
	font-size:11px;
	}

/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer { 
	clear:both;
	height: 34px;
	color:#555;  
	background: #fff url(../images/footer.jpg) top no-repeat; 
	font-size:90%; 
	padding: 0; 
	text-align:center; 
}

#footer .padding { padding: 10px 0px 0px 0px; }
#footer .right { 
	float:right; 
	clear:right; 
	text-align:right; 
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/

/* FOOTER-BAS
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer-bas {
	height: 80px;
	background: #fff url(../images/footer-bas.jpg) top no-repeat;
	font-size:80%;
	padding: 0px;
	text-align:center;
	clear: both;
	line-height:15px;
	color:#999999;
}

#footer-bas .padding { padding: 10px 0px 0px 0px; }

#footer-bas a{
color:#666666;
}

/*
#footer-bas a{
color:#FF9900;
background-color:#FFFFFF;
text-decoration:none;
}
/*

/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/

input.search { width: 150px; border: 1px solid #A90000; color: #666; }
input.submit { 
	background: none; 
	color: #A90000;
	font: bold 1.1em Arial, Verdana, Helvetica, sans-serif; 
	border: 0;
}

input.search:hover {	background: #FFFFF4; }

ul { margin: 0 0 0px 0; padding : 0; list-style : none; }
li { 	margin: 0 0 2px 0; padding: 0 0 0 0px;	color: #555; }


p { margin: 0 0 5px 0; padding: 0; color: #808080; background: inherit; }
a { color: #a90000; background: inherit; text-decoration:none; }
a:hover { color:#FC7901; background: inherit; text-decoration:underline; }

/*
h1 { 
	padding:0; 
	margin:0; 
	color: #FFF; 
	background: inherit;
	font: bold 1.8em Arial, Sans-Serif; 
	letter-spacing: -1px;
}


h1 a { color: #FFF; background: inherit; }
*/

#main h2 { 
	background: url(../images/h.gif) no-repeat left;
	color:#000;
	font-size:140%; 
	font-weight:bold; 
	margin: 6px 0 20px 0px; 
	padding:0 0 0px 15px; 
	letter-spacing: 1px;
}

#main h2 a { /*background: #FFF;*/ color: #000; }
#main h2 a:hover {
	background: #FFF;
	color: #A90000;
}

fieldset {	border: 1px solid #A90000; }
textarea.text { 
	height: 150px; 
	width: 90%; 
	border: 1px solid #A90000; 
	background: #FFF; 
	color: #354D5F;
}

textarea.text:hover { 
	border: 1px solid #A70000; 
	background: #FFFFF4; 
	color: #000;
}

input.field { 
	border: 1px solid #A90000; 
	background-color: #FFFFFF; 
	width: 283px; 
	color: #000;
}

input.field:hover { 
	border: 1px solid #A70000; 
	background: #FFFFF4; 
	color: #000;
}

input.text { 
    border: 1px solid #A70000; 
	margin: 0; 
	width: 150px;
	background: inherit;
	color: #000; 
	padding: 4px;
	
}


input.text:hover { 
	border: 0px solid #A70000; 
}

.date { 
	color: #808080; 
	background: #FFFFFF;
	text-align: right; 
	margin: 4px 0 5px 0; 
	padding: 0.4em 0 0 0; 
	border-top: 1px solid #eee;
}

.comments { 
	padding: 10px 10px 8px 10px; 
	margin: 0 0 7px 0; 
	background: #f8f8f8; 
	color: #000;
}

.commentsbox { 
	padding: 8px 0 10px 10px; 
	margin: 0 0 10px 0; 
	background: #f4f4f4; 
	color: #000;
}
.comment-noir { 
	color: #000;
}

.error {
	color: #696057;
	background-color: #FFF0F0;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #696057;
}
.error h2 {
	color: #696057;
	background: inherit;
}

.success {
	color: #000000;
	background: #FEE3BC;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #FC9304;
}
.success h2 {
	color: #7BA813;
	background: inherit;
}

/* FLOAT IMAGE
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.float-right-logo {
 	float: right;
	padding-left:20px;
	padding-bottom:0px;
	padding-top:0px;
	padding-right:25px;
 }
 
 .float-right-logo-solutionet {
 	float: right;
	padding-left:0px;
	padding-bottom:0px;
	padding-top:8px;
	padding-right:35px;
 }
 
 .right-relooking {
 text-align:center;
 	display:block;
	padding-left:20px;
	padding-bottom:0px;
	padding-top:0px;
	padding-right:25px;
 }
 
 .lignes-liens-realisations {
 	height: 127px;
}

.solutionet-adresse
{
font-family: Arial, Sans-Serif;
font-size:14px;
letter-spacing:0.25em;
 color:#333333;} 

.text10
{font-family: Arial, Sans-Serif;
font-size:10px;
letter-spacing:0em;
 color:#808080;} 

.solutionet-internet
{
 color:#F87A01;
 font-weight:bold;
 } 

.plus-gros
{ font-size: 16px;
 
 } 


/* TABLEAU COMPARATIF PACKS
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.gras{ font-weight:bold } 
  
#tableau
{
border-left-color:#696057;
border-left-style:solid;
border-left-width:2px;
border-top-color:#696057;
border-top-style:solid;
border-top-width:1px;
border-right-color:#696057;
border-right-style:solid;
border-right-width:1px;
border-bottom-color:#696057;
border-bottom-style:solid;
border-bottom-width:1px;

}

#cellule
{
/*border-color:#696057;
border-style:solid;
border-width:1px;*/
border-right-color:#696057;
border-right-style:solid;
border-right-width:1px;
border-bottom-color:#696057;
border-bottom-style:solid;
border-bottom-width:1px;

text-align:center;
padding-left:2px;
padding-right:2px;
padding-top:1px;
padding-bottom:1px;
color:#333333;

line-height:20px;
vertical-align:middle;
}

#cellule2
{
/*border-color:#696057;
border-style:solid;
border-width:1px;*/

border-right-color:#696057;
border-right-style:solid;
border-right-width:1px;
border-bottom-color:#696057;
border-bottom-style:solid;
border-bottom-width:1px;

text-align:left;
padding-left:10px;
padding-right:2px;
padding-top:1px;
padding-bottom:1px;
color:#333333;

line-height:20px;
vertical-align:middle;
}


#titre-cellule
{
background-color:#FFFFBF;
color:#333333;
font-weight:bold;
line-height:30px;

vertical-align:middle;
border-top-color:#696057;
border-top-style:solid;
border-top-width:1px;
border-bottom-color:#696057;
border-bottom-style:solid;
border-bottom-width:2px;
border-left-color:#696057;
border-left-style:solid;
border-left-width:1px;
border-right-color:#696057;
border-right-style:solid;
border-right-width:1px;
text-align:center;
}
#cellule-titre-bas
{
/*background-color:#FFFFBF;
border-top-color:#696057;
border-top-style:solid;
border-top-width:1px;*/
border-bottom-color:#696057;
border-bottom-style:solid;
border-bottom-width:2px;
color:#333333;
font-weight:bold;
/*border-left-color:#696057;
border-left-style:solid;
border-left-width:1px;*/
border-right-color:#696057;
border-right-style:solid;
border-right-width:1px;
text-align:center;
line-height:20px;
vertical-align:middle;
}

#cellule-titre-bas2
{
/*background-color:#FFFFBF;
border-top-color:#696057;
border-top-style:solid;
border-top-width:1px;*/
border-bottom-color:#696057;
border-bottom-style:solid;
border-bottom-width:1px;
color:#333333;
font-weight:bold;
/*border-left-color:#696057;
border-left-style:solid;
border-left-width:1px;*/
border-right-color:#696057;
border-right-style:solid;
border-right-width:1px;
text-align:center;
line-height:20px;
vertical-align:middle;

}

#cellule-bas
{
/*background-color:#FFFFBF;
border-top-color:#696057;
border-top-style:solid;
border-top-width:1px;*/
border-bottom-color:#696057;
border-bottom-style:solid;
border-bottom-width:2px;
color:#333333;
/*font-weight:bold;
border-left-color:#696057;
border-left-style:solid;
border-left-width:1px;*/
border-right-color:#696057;
border-right-style:solid;
border-right-width:1px;
text-align:center;
line-height:20px;
vertical-align:middle;

}

#cellule-bas2
{
/*background-color:#FFFFBF;
border-top-color:#696057;
border-top-style:solid;
border-top-width:1px;*/
border-bottom-color:#696057;
border-bottom-style:solid;
border-bottom-width:2px;
color:#333333;
/*font-weight:bold;
border-left-color:#696057;
border-left-style:solid;
border-left-width:1px;*/
border-right-color:#696057;
border-right-style:solid;
border-right-width:1px;
text-align:left;
line-height:20px;
vertical-align:middle;
padding-left:10px;

}


#titre-cellule-gauche
{
background-color:#FFFFBF;
vertical-align:middle;
border-top-color:#696057;
border-top-style:solid;
border-top-width:1px;
border-bottom-color:#696057;
border-bottom-style:solid;
border-bottom-width:2px;
border-left-color:#696057;
border-left-style:solid;
border-left-width:0px;
border-right-color:#696057;
border-right-style:solid;
border-right-width:1px;
text-align:center;
}

.plans {
 	text-align:center;
	margin-top:15px;
	border-color:#FA7901;
	border-style:solid;
	border-width:1px;
	width: 500px;
	height: 350px
 	}
	
.cadre-error {
 	border-color:#aa0001;
	border-style:solid;
	border-width:1px;
	margin:5px 15px 15px 50px;
	}
	
.cadre {
 	/*border-color:#aa0001;
	border-style:solid;
	border-width:1px;*/
	margin:0px 0px 5px 20px;
	}

/*pictos haut de page*/

.picto-droite{
	float:right;
	padding-right:30px;
	padding-top: 30px;
}

.picto{
font-size:14px;
line-height:28px;
vertical-align:middle;
}


.picto-home{
	background: url(../images/pictos/home.gif) center no-repeat;
	margin: 0px 5px 5px 8px;
	}
	
.picto-home:hover{
	background: url(../images/pictos/home-hover.gif) center no-repeat;
	margin: 0px 5px 5px 8px;
	text-decoration: none;
	}

.picto-map{
	background: url(../images/pictos/map.gif) center no-repeat;
	margin: 0px 5px 5px 8px;
	}
.picto-map:hover{
	background: url(../images/pictos/map-hover.gif) center no-repeat;
	margin: 0px 5px 5px 8px;
	text-decoration: none;
	}

.picto-contact{
	background: url(../images/pictos/contact.gif) center no-repeat;
	margin: 0px 0px 5px 8px;
	}
	
.picto-contact:hover{
	background: url(../images/pictos/contact-hover.gif) center no-repeat;
	margin: 0px 0px 5px 8px;
	text-decoration: none;
	}

.contour {border:1px solid #a90000;}

#main .right_side img.presta {
	float:left;
	margin-right:10px;
	padding-top: 1px;
}

#main .right_side ul.prestashop{
	float:right;
	padding-right:20px;
	margin-top:35px;
}

#main .right_side ul.presta15{
	margin-bottom:30px;
}

#main .right_side ul.prestashop li{
padding-bottom:20px;
list-style:none;}


/* -------------------*/