/* STYLES CSS SMS  */

body {
padding:0px;
margin:0px;
font-size:12px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color:#5c5c5c;
padding-left:25px;
}

a:link, a:visited, a:active {
color:#5c5c5c;
text-decoration:none;
}

a:hover {
color:#f8a51c;
text-decoration:none;
}

p {
margin:0px;
}

select, input {
font-size:11px;
color:#5c5c5c;
}

label{
line-height:23px;
color:#792720;
font-size:11px;
}

#alerte_javascript_inactif {
color:#5c5c5c;
position:absolute;
top:3px;
left:3px;
width:150px;
}

.erreur {
color:#FF0000;
font-weight:bold;
}


.retour-float {
clear:both;
}

#global {
clear:both;
width:963px;
background-image:url(images/commun/fond-ombre.gif);
background-repeat:repeat-y;
margin:0px;
/*margin-top:10px;*/
}

#contenu {
margin-left:7px;
}

/* --- Entete ---------------------------------------------------------------------------------------------------------------------*/

#partie-haut {
background-image:url(images/commun/entete/fond-onglets-haut.gif);
background-repeat:repeat-x;
height:26px;
width:950px;
margin-left:7px;
text-align:right;
position:relative
}

#barre-grise {
background-image:url(images/commun/entete/barre-grise-entete.gif);
background-repeat:repeat-x;
height:26px;
width:390px;
position:absolute;
top:0px;
left:0px;
color:#fff;
line-height:22px;
text-align:left;
padding-left:10px;
}
	
	#onglets-haut img {
	display:inline;
	}
	
	#onglets-haut a {
	margin-right:10px;
	margin-left:10px;
	color:#792720;
	font-weight:bold;
	position:relative;
	top:-8px;
	}
	#onglets-haut a:hover {
	color:#5c5c5c;
	font-weight:bold
	}
	
	#onglets-haut a#maison-accueil {
	position: relative;
	top:-2px;	
	}
	
#partie-bas {
background-image:url(images/commun/entete/fond-partie-bas.jpg);
background-repeat:no-repeat;
width:950px;
height:154px;
margin-left:8px;
position:relative;
z-index:0;
}

	#logo {
	position:absolute;
	top:20px;
	left:20px;
	}
	
	#menu {
	height:28px;
	position:relative;
	left:360px;
	top:48px;
	width:615px;
	}
	
		#menu ul {
		font-size:13px;
		font-weight:bold;
		margin:0;
		margin-left:5px;
		padding:0;
		list-style:none;
		}
		
			#menu li {
			float:left;
			background:url("images/commun/entete/g-onglet-bas.png") no-repeat left top;
			margin-top:8px;
			padding-left:10px;
			}
			
			#menu li.orange {
			float:left;
			background:url("images/commun/entete/g-onglet-bas-on-orange.png") no-repeat left top;
			margin-top:8px;
			padding-left:10px;
			}
			
			#menu li.gris {
			float:left;
			background:url("images/commun/entete/g-onglet-bas-on.png") no-repeat left top;
			margin-top:8px;
			padding-left:10px;
			}
			
				#menu li a {  
				float:left;
				height:28px;
				text-align:center;
				display:block;
				color:#5c5c5c;
				text-decoration:none;
				background:url("images/commun/entete/d-onglet-bas.png") no-repeat right top;
				padding:5px 10px 0px 0px;
				}
				#menu li a:hover {
				color:#ff6d00;
				}
				
				#menu li a.orange {  
				float:left;
				height:28px;
				text-align:center;
				display:block;
				color:#ffffff;
				text-decoration:none;
				background:url("images/commun/entete/d-onglet-bas-on-orange.png") no-repeat right top;
				padding:5px 10px 0px 0px;
				}
				#menu li a:hover.orange {
				color:#792720;
				}
				
				#menu li a.gris {  
				float:left;
				height:28px;
				text-align:center;
				display:block;
				color:#ffffff;
				text-decoration:none;
				background:url("images/commun/entete/d-onglet-bas-on.png") no-repeat right top;
				padding:5px 10px 0px 0px;
				}
				#menu li a:hover.gris {
				color:#792720;
				}
				
			#menu #current {
			color:#ffffff;
			background-image:url("images/commun/entete/g-onglet-bas-on.png") no-repeat left top;
			}
			
				#menu #current a {
				color:#792720;
				background-image:url("images/commun/entete/d-onglet-bas-on.png") no-repeat right top;
				}
				
				#menu #current2 {
			color:#ffffff;
			background-image:url("images/commun/entete/g-onglet-bas-on-orange.png") no-repeat left top;
			}
			
				#menu #current2 a {
				color:#792720;
				background-image:url("images/commun/entete/d-onglet-bas-on-orange.png") no-repeat right top;
				}
				
				#menu #current3 {
			color:#ffffff;
			background-image:url("images/commun/entete/g-onglet-bas-on.png") no-repeat left top;
			}
			
				#menu #current3 a {
				color:#792720;
				background-image:url("images/commun/entete/d-onglet-bas-on.png") no-repeat right top;
				}

/* --- Fin Entete -----------------------------------------------------------------------------------------------------------------*/

/* --- Colonne gauche -------------------------------------------------------------------------------------------------------------*/			

#colonne-gauche {
width:211px;/*
margin-left:7px;*/
background-image:url(images/commun/colonne-gauche/fond-colonne-gauche.gif);
background-repeat:repeat-y;
float:left;
height:570px;
}

.fond-encarts-gauche{
background-image:url(images/commun/colonne-gauche/fond-encarts-gauche.gif);
background-repeat:repeat-y;
}

/* Espace Client */
#espace-client {
position:relative;
margin-left:12px;
margin-top:20px;
}

#nom-encart-espace-client {
position:absolute;
left:70px;
top:10px;
font-size:14px;
font-weight:bold;
}

.fond-encarts-gauche form{
margin:0px;
margin-left:10px;
}

.fond-encarts-gauche input{
width:80px;
height:15px;
position:absolute;
left:90px;
}

.fond-encarts-gauche select{
width:160px;
margin-bottom:5px;
}

input#connexion {
position:relative;
top:8px;
left:40px;
height:31px;
width:109px;
}

/* Avec nos technologies */
#nos-technologies {
margin-left:12px;
margin-top:15px;
position:relative;
}

#nom-nos-technologies {
position:absolute;
left:10px;
top:10px;
font-size:14px;
font-weight:bold;
color:#792720;
}

#titre-solutions {
margin-left:15px;
}

#les-chiffres {
margin-left:8px;
color:#792720;
font-size:11px;
line-height:20px;
}

#les-chiffres img {
margin-right:2px;
}

#les-chiffres span {
font-size:15px;
color:#ff6d00;
font-weight:bold;
}

/* Demande d'infos */
#demande-infos {
margin-left:12px;
margin-top:15px;
position:relative;
}

#demande-infos a{
position:absolute;
top:8px;
left:5px;
font-size:14px;
font-weight:bold;
color:#792720;
}
#demande-infos a:hover{
color:#ff6d00;
}

/* --- Fin Colonne gauche ---------------------------------------------------------------------------------------------------------*/			
	
/* --- Pied -----------------------------------------------------------------------------------------------------------------------*/

#pied{
clear:both;
background-image:url(images/commun/pied/fond-pied.gif);
background-repeat:no-repeat;
height:77px;
width:950px;
margin-left:7px;
color:#FFFFFF;
position:relative;
}

	#pied span{
	position:absolute;
	text-align:center;
	top:22px;
	left:80px;
	}
	
	#pied #logos-pied {
	text-align:right;
	margin-right:10px;
	padding-top:25px;
	}
	
		#logos-pied img {
		margin-right:15px;
		}


/* --- Fin Pied -------------------------------------------------------------------------------------------------------------------*/