/*##############################################*/
/*############# STRUCTURE GENERALE##############*/
/*##############################################*/

*{
	margin: 0;
	padding: 0;
}

img, div, a { behavior: url(/js/iepngfix.htc) }


body {
	font-family:Arial,Verdana,Arial;
	margin: 0;
	padding: 0;
	background-color:#c8c8c8;
	background-repeat: repeat-x;
	font-size:12px;
	color:#000000;
	padding-top:10px;
}

#conteneur {
	position:relative;
	width:980px;
	margin:0 auto;
	margin-top:0px;
	background-image:url(../images/grille.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

#haut {
	position:relative;
	width:980px;
	height:140px;
	margin-top:0px;
}

#bas {
	position:relative;
	width:980px;
	margin-top:0px;
	height:29px;
	background:#c8c8c8;
	margin-top:30px;
}

#bas div.adresse {
	position:absolute;
	width:233px;
	height:19px;
	top:0;
	left:0;
	color:#FFFFFF;
	font-size:9px;
	text-align:center;
	padding:5px;
}

#bas ul {
	position:absolute;
	top:0;
	left:245px;
	width:733px;
	background:url(../images/fond_menu_bas.gif) center left no-repeat;
}

#bas ul li {
	float:left;
	position:relative;
	width:123px;
	height:29px;
	text-align:center;
	padding-top:10px;	
	list-style-type:none;
	color:#FFFFFF;
}

#bas ul li a {
	color:#FFFFFF;
	text-decoration:none;
}

#bas ul li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#centre {
	position:relative;
	width:980px;
	margin-top:0px;
	padding-bottom:0px;
	padding-top:10px;
	
	height:auto;
	min-height: 500px; /* pour firefox prenne toute la hauteur de page*/
	_height: 500px; /*underscore hack uniquement interprt par IE Win*/
	
}

p {
	padding-top:10px;
	padding-bottom:10px;
}

a{
	color:#292929;
	text-decoration:none;	
}

a:hover {
	color:#292929;
	text-decoration:underline;	
}

a.blanc {
	color:#FFFFFF;
	text-decoration:none;
}

a.blanc:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#logo {
	position:absolute;
	top:0;
	left:0;
	width:238px;
	height:112px;
	background:url(../images/logo_omcs.gif) top left no-repeat;
}

#logo h1 a {
	display:block;
	width:238px;
	height:112px;
	text-indent:-8000px;	
}

#langues {
	position:absolute;
	top:46px;
	left:854px;
	width:120px;
}

#caddy {
	position:absolute;
	top:40px;
	right:135px;
	width:162px;
	text-align:right;
}

#connexion, #deconnexion {
	position:absolute;
	width:145px;
	left:590px;
	top:46px;
}

#mon_compte {
	position:absolute;
	width:145px;
	left:490px;
	top:46px;
}

#connexion a, #deconnexion a, #mon_compte a {
	color:#999999;
	text-decoration:none;
}

#connexion a:hover, #deconnexion a:hover, #mon_compte a:hover {
	color:#999999;
	text-decoration:underline;
}

#gauche {
	position:relative;
	width:240px;
	float:left;
}

#droite {
	position:relative;
	width:730px;
	margin-left:240px;
}

div.petit_poucet {
	position:absolute;
	width:740px;
	left:11px;
	top:122px;
	height:20px;
}

a.headerNavigation {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}

a.headerNavigation:hover {
	color:#000000;
	text-decoration:underline;
}

h2.titre_page {
	font-size:16px;
	padding-bottom:15px;
}

.texte_erreur {
	color:#f07100;
	font-size:12px;
	font-weight:bold;
}

h3 {
	font-size:16px;
	font-weight:bold;
}

h5 {
	font-size:12px;
	font-weight:normal;
}

.contenu_page {
	padding:30px;
}

.contenu_page_devis {
	padding:30px;
	padding-top:0;
}

.souligne {
	border-bottom:1px solid #000000;
}

div#droite ul li {
	list-style-type:none;
}

/*##############################################*/
/*############# MENU ###########################*/
/*##############################################*/

#ddtopmenubar {
	position:absolute;
	width:738px;
	right:0px;
	top:91px;
	height:26px;
	z-index : 5000;		
}
.mattblackmenu li{
	display: inline;
	width:122px;
	height:26px;
}
.mattblackmenu li a{
	float: left;
	display: block;
	padding-top: 6px; /*padding inside each tab*/
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	width:122px;
	height:21px;
	text-align:center;
	font-size:13px;
	background:url(../images/fond_menu_haut.gif) top left no-repeat;
}
.mattblackmenu li a:hover {
	background:url(../images/fond_menu_haut.gif) top left no-repeat;
	color:#FFFFFF;
}
.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	visibility: hidden;
	z-index: 100;
	border-bottom-width: 0;
}

/*.ddsubmenustyle li {
	width:122px;
	height:26px;
	margin:0;
	padding:0;
}*/
* html .ddsubmenustyle li{ /*IE6 CSS hack*/
	display: inline-block;
	width: 132px; /*width of menu (include side paddings of LI A*/
	margin-bottom:-2px;
}
*+html .ddsubmenustyle li{ /*IE6 CSS hack*/
	margin-bottom:-2px;
}
.ddsubmenustyle li a{
	width:122px;
	height:10px;
	line-height:10px;
	margin:0;
	color:#000000;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	padding:8px;
	text-align:center;
	background:#97a9d3;	
	border-top:1px solid #000000;
}

.ddsubmenustyle li a:hover{
	background:#97a9d3;
	color:#FFFFFF;
}

.ddiframeshim{
	position: absolute;
	z-index: 500;
	background: transparent;
	border-width: 0;
	width: 0;
	height: 0;
	display: block;
}

/*


#menu dl dd .bloc_ligne_menu {
	position:relative;
	margin:0;
	padding:0;
	width:122px;
	margin-top:6px;
/*	
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;			
*/	

/*##############################################*/
/*############# LOGIN ##########################*/
/*##############################################*/

body#login div.bloc_nouveau_client {
	position:relative;
	width:350px;
	float:left;
	padding:10px;
}

body#login div.bloc_nouveau_client h3 {
	font-size:14px;
	font-weight:blod;
}

body#login div.bloc_client_enregistre {
	position:relative;
	width:350px;
	margin-left:350px;
	padding:10px;	
}

body#login div.bloc_client_enregistre h3 {
	font-size:14px;
	font-weight:blod;
}

body#login div.bloc_client_enregistre label {
	position:relative;
	width:150px;
	float:left;
}

/*##############################################*/
/*############# FICHE PRODUIT ##################*/
/*##############################################*/

body#fiche div#visuel {
	position:relative;
	width:360px;
	float:left;
}

body#fiche div#formulaire {
	position:relative;
	width:365px;
	float:left;
}

body#fiche div#visuel div.photo {
	position:relative;
	margin-top:38px;
	margin-left:35px;
}

body#fiche div#visuel h3 {
	font-size:16px;
	font-weight:bold;
}

body#fiche div.description {
	font-size:12px;
	padding-left:40px;
	width:80%;
}

body#fiche div.options {
	padding-bottom:20px;
	border-bottom:1px solid #000000;
	margin-bottom:20px;	
}

body#fiche ul.vignettes_options {
	position:relative;
	margin:0;
	padding:0;
}

body#fiche ul.vignettes_options li {
	list-style-type:none;
	float:left;
	padding-right:5px;
}

body#fiche div.formulaire_gauche {
	position:relative;
	float:left;
	width:70px;
}

body#fiche div.formulaire_droite {
	position:relative;
	width:290px;
	margin-left:75px;
}

body#fiche div#formulaire div.options h4 {
	font-size:13px;
	padding-bottom:5px;
}

/*##############################################*/
/*############# LISTE PRODUITS #################*/
/*##############################################*/

ul.liste_vignette_produits {
	position:relative;
	margin-left:10px;
}

li.vignette_liste_produits {
	position:relative;
	width:230px;
	float:left;
	text-align:left;
	padding-top:20px;
	list-style-type:none;
	height:232px;
}

div.plus_de_details_liste_produits {
	position:relative;
	text-align:right;
	padding-right:20px;
}

a.lien_vignettes_liste_produits {
	position:relative;
	width:212px;
	height:212px;
}

body#index li.vignette_liste_produits h5 {
	padding:0;
	font-weight:normal;
}

/*##############################################*/
/*############# MOBILIER #######################*/
/*##############################################*/

body#mobilier h5 {
	padding-top:10px;
	padding-bottom:10px;
}


body#mobilier li.vignette_liste_produits h5 {
	padding:0;
	font-weight:bold;
}

body#mobilier div.visuel_gauche {
	position:relative;
	padding-top:50px;
}

body#mobilier ul.caracteristiques {
	position:relative;
	display:block;	
}

body#mobilier ul.caracteristiques li {
	position:relative;
	list-style-type:none;
	padding-top:5px;	
}

body#mobilier ul.caracteristiques li.gauche {
	position:relative;
	float:left;
	width:165px;
}

body#mobilier ul.caracteristiques li.droite {
	position:relative;
	margin-left:180px;
	width:165px;
}

body#mobilier ul.caracteristiques li.centre {
	position:relative;
	width:355px;	
}

body#mobilier div#droite p {
	position:relative;
	margin:0;
	padding:0;
}

body#mobilier div#droite h5 {
}

body#mobilier div#caracteristiques {
	position:relative;
	width:350px;
	float:left;
	/*background:#FFFFFF;*/
	padding-left:10px;
}

body#mobilier div#services {
	position:relative;
	width:355px;
	float:left;
	text-align:center;
	background-image: url(../images/e2e2e4.gif);
	background-repeat: repeat-y;
	background-position: 9px;
	margin-left: 10px;
}

body#mobilier div#services div.texte {
	position:relative;
	width:317px;
	text-align:left;
	font-size:11px;
	margin:0 auto;
	padding-bottom:15px;
	border-bottom:1px solid #000000;
	margin-bottom:15px;
}

body#mobilier div#services .livraison {
	margin-top:-100px !important;
}

/*##############################################*/
/*############# INDEX ##########################*/
/*##############################################*/


h5.titre_categories_accueil {
	font-size:11px;
	font-weight:bold;
	padding-bottom:10px;
}

body#index div#droite ul.categories_accueil {
	display:none;
	position:relative;
	height:180px;
	padding-bottom:30px;
	margin-bottom:20px;	
	border-bottom:1px solid #000000;
}

body#index div#droite ul.categories_accueil li {
	position:relative;
	list-style-type:none;
	float:left;
	margin-right:8px;
}

body#index div#droite div.actualite_accueil div.photo {
	text-align:center;
	width:222px;
}

body#index div#droite ul.categories_accueil li img {
	border:0;
}

body#index div#droite div.actualite_accueil {
	position:absolute;
	font-size:11px;
	width:245px;
	height:325px;
	left:489px;
	top:-27px;
	background:url(../images/fond_actualites.gif) top left no-repeat;	
}


body#index div#droite div.actualite_accueil div.actualite_gauche {
	position:relative;
	width:244px;
	float:left;
	padding-left:10px;
	padding-right:10px;	
}

body#index div#droite div.actualite_accueil div.actualite_gauche h4 {
	font-size:14px;
	padding-top:12px;
}

body#index div#droite div.actualite_accueil div.actualite_centre h4 {
	color:#8a96ba;
	font-weight:bold;
	font-size:14px;
	padding-top:5px;
}

body#index div#droite div.actualite_accueil div.actualite_centre span.texte {
	font-size:10px;
	font-weight:bold;
	font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;
}

body#index div#droite div.actualite_accueil div.actualite_centre {
	position:relative;
	width:224px;
	float:left;
	padding-left:10px;
	padding-right:10px;
}

body#index div#droite div.actualite_accueil a.lire_la_suite,  body#index div#droite div.actualite_accueil a.toutes_les_actus{
	text-decoration:underline;
	font-size:9px;
	font-weight:bold;
}
body#index div#droite div.actualite_accueil a.lire_la_suite {
	padding-top:5px;
}

body#index div#droite div.actualite_accueil div.actualite_droite {
	position:absolute;
	width:224px;
	left:0px;
	top:328px;
	height:217px;
	background:url(../images/fond_arcivoffice.gif) top left no-repeat;	
	padding-left:10px;
	padding-right:10px;
}

body#index div#droite div.actualite_accueil div.actualite_droite h4 {
	font-size:13px;
	padding-top:12px;;
}
body#index div#droite div.actualite_accueil div.actualite_droite h5 {
	color:#8a96ba;
	font-weight:bold;
	font-size:14px;
	padding-top:5px;
}

span.texte_archiv {
	font-weight:bold;
	font-size:9px;
	font-family:Helvetica, Verdana, Arial, Helvetica;
}

div.illustration_accueil {
	position:absolute;
	left:-210px;
	top:15px;
}

div.vignette_rollover {
	position:absolute;
	width:237px;
	height:217px;
	left:248px;
	top:303px;
}


div.fond_titre_vignette {
	background:url(../images/fond_titre_vignette.jpg) top left no-repeat;	
	position:absolute;
	width:217px;
	height:55px;	
	left:248px;	
	top:243px;
	padding:10px;
	padding-top:5px;
	padding-botttom:5px;
}

div.fond_titre_vignette h5 {
	color:#8a96ba;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
div.fond_titre_vignette span {
	font-size:11px;
	line-height:11px;
}

/*##########################################################*/
/*############# FORMULAIRE CREATION DE COMPTE ##############*/
/*##########################################################*/

body#creation_compte div.texte_informations b {
	color:#000000;
	
}

/*##########################################################*/
/*############# ACTUALITES #################################*/
/*##########################################################*/

body#actualites div.actualite_gauche {
	position:relative;
	float:left;
}

body#index div.actualite_gauche h4 {
	padding-bottom:10px;
}	

body#actualites div.actualite_gauche div.photo {
	padding:10px;
	position:relative;
}

body#actualites div.actualite_centre {

	position:relative;
	
}

body#actualites div.actualite_centre h4 {
	font-size:16px;
}

body#actualites div.date {
	text-align:right;
	padding-bottom:10px;
}

/*ajouter par rb-design.fr pour pages non administrables*/




.portrait{
	height: 80px;
	width: 80px;
	font-size: 10px;
	font-style: italic;
		}
.profession{
	height: 80px;
	width: 235px;
	font-size: 10px;
	font-style: italic;
	padding-left: 5px;
		}
.spacer{
	height: 5px;
}
.profession h{
	font-style: normal;
	font-weight: bold;
}
body#mobilier div#services div.texte img{
	float: left;
	margin-right: 4px;
}

.titre1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: oblique;
	font-weight: bold;
	color: #8a96ba;
	text-align: left;
	padding-left: 20px;
	padding-bottom: 3px;
}
.titre2 {
	font-size: 20px;
	font-weight: bold;
	padding-top: 8px;
	padding-left: 10px;
	color: #8a96ba;
	
}
.titre3 {
	font-weight: bold;
	color: #8a96ba;
	line-height: 24px;
}
.agauche {
	width: 327px;
}
.soustitre {
	font-size: 11px;
	padding-top: 5px;
	padding-left: 10px;

}
div#groupe_omcs {
	width: 600px;
}
div#groupe_omcs p{
	text-align: justify;
}

div#groupe_omcs img{
	float: right;
	margin-left: 6px;
}
.gal {
	padding-top: 5px;
	padding-left: 10px;
}
body#mobilier div#caracteristiques  img{
	float: right;
	margin-left: 6px;
	/*margin-bottom: 5px;*/
}
.justif {
	text-align: justify;
}


/*##########################################################*/
/*############# CONTACTS ###################################*/
/*##########################################################*/

.coordonnees_gauche {
	position:relative;
	width:250px;
	float:left;
	height:250px;
}

.coordonnees_droite {
	position:relative;
	width:250px;
	margin-left:260px;	
}
div.coordonnees {
	padding-top:15px;
}

#google_map {
	position:absolute;
	overflow:auto;
	left:0px;
	top:0px;
	width:365px;
	height:320px;
	text-align:left;
	color:#000000;
	scrollbar-3dlight-color:    #000000;   
	scrollbar-arrow-color:      #FFFFFF;   
	scrollbar-darkshadow-color: #000000;  
	scrollbar-face-color:       #000000;   
	scrollbar-highlight-color:  #cfc9be;   
	scrollbar-shadow-color:     #cfc9be;
}

#map {
	width: 95%;
	height: 300px;
	padding : 10 px;
	border : 4px solid #000000;
}

/*##########################################################*/
/*############# PLAN DU SITE ###############################*/
/*##########################################################*/

body#plan_du_site div.contenu_page p {
	margin:0;
	padding:0;
}

.bloc_site_map {
	position:relative;
	width:150px;
	float:left;
}
i