* {
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
}

.parag-gauche a {
	color:#992321;
	}
	
.parag-gauche a:hover {
	color:#ff8400;
	}

a {
	color:#992321;
	}
	
a:hover {
	color:#ff8400;
	}	

h1 {
	font-size:20px;
	font-weight:normal;
	}
	
h2 {
	background:url('medias/trois-points.jpg') no-repeat;
	padding:0 0 0 41px;
	height:27px;
	line-height:27px;
	font-size:21px;
	}
	
.h2 {

	padding:0 0 0 41px;
	height:27px;
	line-height:27px;
	font-size:21px;
}
.h2 {
	background:url('medias/fleche.gif') no-repeat;
	padding:0 0 0 41px;
	height:27px;
	line-height:27px;
	font-size:21px;
		
	}	
.h2:hover {
	background:url('medias/fleche-on.gif') no-repeat;
	padding:0 0 0 41px;
	height:27px;
	line-height:27px;
	font-size:21px;	
	}	
	
	
h3 {
	font-size:16px;
	font-family:"Trebuchet MS";
	color:#ff8400;
	padding:0 0 5px 0;
	}	
	
ul {
	padding:0 35px 0 40px;
	list-style-type:square;
	}
li {
	padding:1px;
	}	
	
ul.type-6 {
	padding:0 0px 0 25px;
	}		

body {
	font-family:"Helvetica Neue", arial, verdana;
	font-size:11.5px;
	line-height:1.5em;
	color:#3b2321;
	background:url('medias/tranche-body.gif') repeat-x #4b2926;
	margin:0 auto 0 auto;
	text-align:center;
	}
	

#conteneur {
	width:970px;
	margin:0 auto 0 auto;
	text-align:center;
	height:auto;
	}
	
	
#bandeau {
	background:url('medias/bandeau.gif') no-repeat;
	width:970px;
	height:238px;
	padding:0 0px 30px 0;
	color:#ffffff;
	text-align:left;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-485px;
	border:0px solid black;
	z-index:0;
	}	
	
	
#contenu {
	background:url('medias/tranche-contenu.jpg') repeat-y;
	width:970px;
	height:auto;
	text-align:left;
	margin-top:302px;
	}	



/*----- BANDEAU ---- */
#haut {
	height:45px;
	width:350px;
	text-align:left;
	margin:0 0 0 360px;
	padding:5px 0 0 0px;
	font-size:14px;
	letter-spacing:1px;
	}

.logiciel-phoning {
	width:130px;
	color:#decdcd;
	}

.logiciel-phoning:hover, .espace-client:hover {
	color:#ffffff;
	}

	
.espace-client {
	width:130px;
	margin-left:37px;
	color:#decdcd;
	}	


#milieu {
	width:970px;
	text-align:left;
	}
	
#slogan {
	padding:50px 0 0 0;
	float:right;
	width:520px;
	border:0px solid black;
}	

#logo {
	width:363px;
	height:120px;
	margin:0 602px 0 0;
	
}	


#contenu-droite {
	float:right;
	width:738px;
	border-left:1px solid #3b2321;
	padding:40px 0 0 30px;
	
	}	
	
#contenu-gauche {
	width:168px;	
	background:url('medias/titre-menu-secondaire.gif') no-repeat;	
	padding:53px 0 0 30px;
	margin:0 745px 0 0;
	border:0px solid black;
	}
	
#contenu-gauche hr {
	color:#3b2321;
	width:120px;
	border:1px solid #3b2321;
	border-collapse:collapse;
	} 	
	
#contenu-gauche a {
	padding-left:15px;
	color:#3b2321;
	font-size:11px;
	}
	
#contenu-gauche a:hover {
	padding-left:15px;
	color:#992321;
	}
	
.toute-la-longueur {
	width:700px;
	padding:0 0 20px 0;
	clear:both;
	}	
	
#fin-de-page {
	clear:both;
	width:970px;
	height:40px;
	background:url('medias/fin-de-page.gif') no-repeat;
	}	

#pied-page  a {
	color:#decdcd;
	}

#pied-page a:hover {
	color:#ffffff;
	}

	
#slogan-orange {
	color:#ff8400;
	font-size:20px;
	padding:0 0px 0 50px;
	}
#slogan-blanc {
	color:#ffffff;
	font-size:20px;
	}	
	
#pied-page {
	padding:7px 0 7px 0;
	margin:10px 0 0 25px;
	both:clear;
	width:912px;
	border:10px solid white;
	color:#ffffff;
	}	

#fin-page-referencement {
	width:880px;
	padding:10px 0 15px 30px;
	text-align:left;
	color:#ffffff;
	}
	
	
/* ---- MENU PRINCIPAL ----- */
#menu {
	width:655px;
	padding:45px 0 0 265px;
	height:82px;
	font-family:verdana;
	}
	
#menu a {
	color:#decdcd;
	}

#menu a:hover {
	color:#ffffff;
	}
	



#menu a {
	font-size:15px;
	letter-spacing:1px;
	}

#menu p  a {
	text-align:center;
	font-family:verdana;
	font-size:10px;	
	letter-spacing:normal;
	}


#accueil {
	position:absolute;
	margin-left:30px;
	width:153px;
	}
	
	
#produits {
	position:absolute;	
	margin-left:317px;
	width:139px;
	}


#entreprise {
	position:absolute;
	margin-left:183px;
	width:163px;
	}
/*
#references {
	position:absolute;	
	margin-left:193px;
	width:136px;
	}

#partenaires {
	position:absolute;	
	margin-left:327px;
	width:139px;
	} 

*/
	
#recrutement {
	position:absolute;	
	margin-left:455px;
	width:153px;	
	}

#contact {
	position:absolute;
	margin-left:605px;
	width:108px;	
	}
	
			
/* ---- FIN FIN FIN FIN FIN MENU PRINCIPAL ----- */


#contenu-droite-type-1 {
	width:430px;
	float:right;
	padding:0 20px 20px 0px;
	}
	
#contenu-gauche-type-1 {
	width:288px;
	margin:0 450px 0 0;
	padding:0 0 20px 0;
	}	


#contenu-gauche-type-2 {
	width:348px;
	float:left;
	}	
#contenu-droite-type-2 {
	width:320px;
	margin:0 0 0 380px;
	}	
	
#contenu p {
	
	padding:4px 0 5px 0;
	}	
	
	
#contenu-droite-type-3 {
	width:230px;
	float:right;
	padding:0 20px 20px 0px;
	}
	
#contenu-gauche-type-3 {
	width:488px;
	margin:0 250px 0 0;
	padding:0 0 20px 0;
	}
	
.contenu-gauche-type-4 {
	width:80px;
	margin:0 0px 0 0;
	padding:0 0 00px 0;
	float:left;
	}		

.contenu-droite-type-4 {
	width:400px;
	margin-left:90px;
	padding:0 0px 30px 0px;
	}
	
.contenu-gauche-type-6 {
	width:330px;
	margin:0 0px 0 0;
	padding:0 0 00px 0;
	float:left;
	}		

.contenu-droite-type-6 {
	width:320px;
	margin-left:350px;
	padding:0 0px 30px 0px;
	}	
	
.contenu-gauche-type-5 {
	width:50px;
	margin:0 0px 0 0;
	padding:0 0 00px 0;
	float:left;
	}		

.contenu-droite-type-5 {
	width:250px;
	margin-left:70px;
	padding:0 0px 30px 0px;
	}	
	
	
	
ul.plan-cat-princ li {
	line-height:22px;
	padding:2px 0 2px 0;
	
	}	
	
ul.plan-cat-sec li {
	height:15px;
	padding:0px 0 4px 0;
	
	}	
	
	
/* FORMULAIRE */
	
input,textarea, select {
	border:1px solid #3b2321;
	}	

#formulaire {
	width: 480px;
}

#formGauche p {
padding:0 0px 0 0;
text-align:right;
margin:9px 0 0 0;
 }

#formDroite p {
padding: 1% 0 0 0;
margin:1% 0 0 0;
}

#formGauche, #formGauche2 {
padding:0 0 0 0;
float:left;
margin:0 0 0 0;
width:80px;
}

#formDroite {
padding:1% 0 0 0;
margin:0px 0 0 85px;
}

#formDroite2 {
padding:0 0 0 0;
margin:0px 0 0 85px;
}

#formGauche2 p {
padding:10px 0px 0 0;
text-align:right;
margin:0px 0 0 0;
line-height:20px;
}

#formDroite2 p {
padding:10px 0px 0 0;
margin:0px 0 0 0;
line-height:20px; 
} 



#formGaucheBas {
padding:12% 0 0 0;
}	

fieldset {
	color:#3b2321;
	border:1px solid #3b2321;
	padding:0 0 5px 0;
	}
	
#bandeau-accueil {
	height:280px;
	width:970px;
	background:url('medias/bandeau-accueil.gif') no-repeat;
	position:absolute;
	top:238px;
	left:50%;
	margin-left:-485px;
	}	

#bandeau-accueil #texte-gauche {
	font-style:italic;
	color:#ffffff;
	font-size:42px;
	float:left;
	padding:30px;
	width:350px;
	}	

#bandeau-accueil #texte-droite {
	color:#ffffff;
	font-size:11px;
	padding:40px 5px 45px 55px;
	margin:0px 0 0  658px;
	width:200px;
	text-align:left;
	line-height:13px;
	}	
	
	
	
/* METIERS */

ul.metier, ul.sous-metier {
	padding:0x;
	list-style-type:none;
	margin:0;
	}
ul.metier li, ul.sous-metier li {
	padding:0;
	margin:0;
}	
.li-metier {
padding:0;
margin:0;
}	


.titre-faq {
	font-weight:bold;
	font-size:12px;
	}	
	
.tiret {
	margin:5px 2px 15px 7px;
	}	
	
	
	
	
label,input {
	height:15px;
	}	
	
/* new year 2009
	
#animation-flash { 
	position:absolute;
	z-index:1;
	top:0;
	width:900px;
	left:50%;
	margin-left:-450px;	
	}	
*/
	
 #animation-flash-accueil {
	position:absolute;
	z-index:1;
	height:250px;
	width:584px;
	top:253px;
	left:50%;
	margin-left:-455px;
	}		
	
	
ul.liste-mi-long {
	padding:0 10px 0 20px;
	list-style-type:square;
	}	
	
	
#animation-flash {
	position:absolute;
	top: 302px;
	margin-left:-195px;
	left:43%;
	z-index:100;
	}