﻿/*
	CSS
	DÉFINITION DES STYLES DES BLOCS DE MISE EN PAGE
*/

/*	GÉNÉRAL																							*/

#maincontent{
	margin:			auto;
	width:			920px;
	text-align:		left;
	margin-bottom:	40px;
}

/*	HEADER ET NAVIGATION 																			 */

#top_page{
	border: 1px solid #b5b5b5;
	border-top:  1px solid #b5b5b5;
	margin-top: 8px;

}

#header{
	padding-top: /*39px;*/20px;
	border-top: 1px solid #fff;
}
#logo_rep{
	float:			left;
	margin-bottom:	15px;
	padding-left:	20px;
}
#utils{
	float:			right;
}
#topmenu{
	font-size:		12px;
	height:			/*40px;*/ 27px;
	padding:		4px 0px 4px 4px;
	border-top:		1px solid #b5b5b5;
}

/*	ACCUEIL																			 */

#produits{
	height:			128px;
	padding:		4px;
	margin-top:		8px;
	border-top:		1px solid #b5b5b5;
	border-bottom:	1px solid #b5b5b5;
	border-left:	1px solid #b5b5b5;
	border-right:	1px solid #b5b5b5;
}
#boutons_produit, #banner_rep{
	float:			left;
	margin-left:	1px;
	height:         127px;
	width:			205px;
	
}
#banner_produits{
	padding-bottom:	4px;
	border-bottom:	1px solid #7c8fa5;
}

#col_gauche_accueil{
	float:			left;
	width:			231px;
	margin-bottom:	8px;
}
#col_centre_accueil{
	float:			left;
	width:			442px;
	margin-left:	8px;
	margin-right:	8px;
	margin-bottom:	8px;
}
#col_droite_accueil{
	float:			left;
	width:			231px;
	margin-bottom:	8px;
	
	
}

/*	CONTENU																					  */

#titre_page{
	margin-top:		8px;
	/*padding:		4px 4px 0px 4px;*/
	border-top:		1px solid #b5b5b5;
	border-right:	1px solid #b5b5b5;
	border-left:	1px solid #b5b5b5;
}
#fondbleu{
	background-color:	#415d7d;
	padding:		 	3px 6px;
	height:				17px;
	color:				#FFFFFF;
}

#col_gauche{
	float:			left;
	width:			239px;
	margin-bottom:	8px;
}
#menu_gauche{
	font-size:		12px;
	padding:		12px 12px 6px 0px; 
	border-bottom:	1px solid #b5b5b5;
	border-left:	1px solid #b5b5b5;
}

#col_centre{
	float:			left;
	width:			681px;
}

#page_content{
	padding:		10px 30px 30px 30px;
	border-bottom:	1px solid #b5b5b5;
	border-right:	1px solid #b5b5b5;
	border-left:	1px solid #b5b5b5;
	/*background-image: url(/medias/fond_contenu.jpg);*/
	background-repeat: no-repeat;
	background-position: top right;
}

#banner_produits{
	margin-bottom:	20px;
}

#footer{
	margin-top:		8px;
	padding:		10px;
	text-align:		center;
	border:			1px solid #b5b5b5;
}

#footer table{
	font-size:		0.7em;
	color:			#3B3B3B;
}

.bloc{
	padding:		4px;
	margin-top:		8px;
	border:			1px solid #b5b5b5;
}

.bloc td{
	padding-top:	4px;
}

td.first_btn{
	padding-top:	0px;
}

.margin_right8{
	margin-right:	8px;
}

#solutions{
	text-align:		center;
	padding:		5px;
}

#clients{
	text-align:		center;
	padding-top:	12px;
	padding-bottom:	12px;
}

table#tableMenuGauche{
	border:					solid 1px #B5B5B5;
	border-collapse:		collapse;
}

table#tableMenuGauche td{
	border-bottom:			solid 1px #B5B5B5;
}

a#btn_quickcontact:link, a#btn_quickcontact:visited, a#btn_quickcontact:active{
	display:			block;
	height:				35px;
	width:				218px;
	background-image:	url(/medias/openfield-contact/btn_quicktour_contact_coule.jpg);
	background-repeat:	no-repeat;
}

a#btn_quickcontact:hover{
	background-image:	url(/medias/openfield-contact/btn_quicktour_contact.jpg);
}

a#btn_quickcontact span{
	display:			none;
}

a#btn_quicksondage:link, a#btn_quicksondage:visited, a#btn_quicksondage:active{
	display:			block;
	height:				35px;
	width:				218px;
	background-image:	url(/medias/openfield-sondage/btn_quicktour_sondage_coule.jpg);
	background-repeat:	no-repeat;
}

a#btn_quicksondage:hover{
	background-image:	url(/medias/openfield-sondage/btn_quicktour_sondage.jpg);
}

a#btn_quicksondage span{
	display:			none;
}

a#btn_demande_info:link, a#btn_demande_info:visited, a#btn_demande_info:active{
	display:			block;
	height:				35px;
	width:				218px;
	background-image:	url(/medias/btn_demande_info_couleur.jpg);
	background-repeat:	no-repeat;
}

a#btn_demande_info:hover{
	background-image:	url(/medias/btn_demande_info.jpg);
}

a#btn_demande_info span{
	display:			none;
}

div#logos_clients{
	text-align:			center;
	width:				100%;
	height:				80px;
	margin-top:			5px;
}

table#tableau_clients{
	font-size:			12px;
	width:				100%;
	margin-top:			0px;
	margin-bottom:		5px;
}

table#tableau_clients td{
	padding-left:		3px;
	background-color:	#ECECEC;
}

table#tableau_clients td:hover{
	background-color:	#B5B5B5;
}

table#tableau_clients a{
	width:				100%;
	text-decoration:	none;
	color:				#333333;
}

div.item_nouvelle {
	border-bottom:		1px solid #b5b5b5;
	padding-bottom:		10px;
}

span#date_nouvelle {
	color:				#666666;
	font-size:			0.8em;
}