@charset "utf-8";
/* CSS Document */

* {
	font-family:Verdana;
	color:#4b4b4b;}
	
p { 
	text-align:justify;}
	
img {
	border:0px;}

form {
	margin:0px;}

h2 {
	font-size:18px;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	color:#2d4489;}

h3 {
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 0px 0px;}


body {
	background:#123c6c url(elements/background-general.gif) center repeat-y;
	margin:0px;}

.redtext {
	color:#F00;}

.overall {
	width:1000px; 
	height:500px;}

.header {
	background:#1b6099 url(elements/background-header.gif) right no-repeat; 
	padding:10px;}

.somaudex {
	background:url(elements/background-menu.png) no-repeat; 
	padding:10px 15px;}
	
.english-version {
	float:left; 
	font-size:10px; 
	padding:4px 0px 0px 0px;}

.main-image {
	 width:970px; 
	 height:171px; 
	 border:1px solid #c7c7c7;
	 background-repeat:no-repeat;
	 text-align:left;}

.main-image h1 {
	font-size:24px; 
	font-weight:normal; 
	margin:130px 0px 0px 15px; 
	color:#FFF; 
	font-style:italic;}

.content {
	background:#f5f5f5;
	float:left;
	width:972px;
	padding:0px 14px 14px 14px;}

div.contenu {
	background:#FFF; 
	border:1px solid #c7c7c7;
	overflow: auto;
	margin:0px 0px 10px 0px;
	font-size:12px;
	padding:10px;}
 
 .contenu img {
	 border:1px solid #c7c7c7; 
	 margin:0px 0px 0px 0px;}

.contenu li {
	list-style-type:circle;
}

.footer {
	font-size:11px;}
	
.footer a {
	text-decoration:none;
}

.footer a:hover {
	color:#CCC;
}
	
.info-sogedial {
	background:#151515; 
	height:180px;
	float:left;
	padding:10px;
	border-right:1px #383838 solid;}
	
.info-sogedial p, u {
	margin:0px 0px 5px 0px;
	color:#bababa;}
	
.info-sogedial h3 {
	margin:0px 0px 10px 0px;
	font-size:16px;
	color:#bababa;
	font-weight:normal;}
	
.info-sogedial label {
	color:#bababa}
	
input.login {
	margin:5px 0px 8px 0px;
	width:250px;}
	
.credits {
	text-align:right;
	padding:1px 5px;
	background:#999;
	font-size:10px;}
	
/*****************************************
Page Nous contacter
*****************************************/
div.noscatalogues {
}

.noscatalogues img {
	border:1px #999 solid;
	
}

	
	
/*****************************************
Page Nous contacter
*****************************************/
input.contactfield {
	border:1px solid #d5e6ee; 
	padding:2px 10px 2px 30px;
	margin-top:3px;
	width:230px;
	background-repeat:no-repeat;
	background-color:#eaf7ff;
	background-position:left;}

textarea {
	background-color:#eaf7ff;
	border:1px solid #d5e6ee;
}

.recrutement {
	background-color:#eaf7ff;
	border:1px solid #d5e6ee;
	width:275px;
}
	
.contacttextarea {
	border:1px solid #d5e6ee; 
	padding:5px;
	width:605px;
	background:#eaf7ff;}
	
.contactselect {
	border:1px solid #d5e6ee; 
	padding:0px;
	width:273px;
	background:#eaf7ff;
	margin-top:3px;}
	
.contactbutton {
	background:#c91600; 
	border:1px solid #333; 
	color:#FFF;}
	
/*******************************************
Page Logistique
*******************************************/
#newspaper-b{
	font-size:12px;
	width:100%;
	text-align:left;
	border-collapse:collapse;
	margin:0px;}
	
#newspaper-b th{
	font-weight:normal;
	font-size:12px;
	color:#4b4b4b;
	padding:15px 10px 10px;}
	
#newspaper-b tbody{
	background:#e8edff;}
	
#newspaper-b td{
	color:#669;
	border-top:1px dashed #fff;
	padding:10px;}
	
#newspaper-b tbody tr:hover td{
	color:#339;
	background:#d0dafd;}
	
/*******************************************
Page chiffres cles
*******************************************/
.blocchiffrecles {
	width:183px; 
	height:65px; 
	background-repeat:no-repeat;
	text-align:left; 
	padding-top:40px; 
	padding-left:50px;}
	
/*******************************************
Page produits alimentaires
*******************************************/
ul.ali {
	margin:0px;
	padding:0px 0px 0px 20px;}
	
/*******************************************
Page Espace client
*******************************************/	
div.login_bloc {
	width:267px; 
	background:#eaf3fa; 
	padding:10px; 
	color:#333333; 
	border:#999999 solid 1px;}
	
.imp_log { 
	height:27px; 
	width:252px; 
	border:#CCCCCC solid 1px; 
	font-size:18px; 
	padding:6px;}
	
/*******************************************
Page Catalogue index
*******************************************/	
div.categorie {
	background:#151515; 
	width:134px;
	height:358px;
	float:left;
	margin:0px 6px 15px 0px;}

.categorie a {
	text-decoration:none;}
	
.categorie h4 {
	margin:2px 0px; 
	color:#FFF; 
	text-align:center; 
	font-weight:bold; 
	font-size:13px;
	height:32px;}
	
.categorie h5 {
	margin:2px 0px; 
	color:#FFF; 
	text-align:center; 
	font-weight:normal; 
	letter-spacing:8px; 
	font-size:12px;}

form.search {
	margin:0px;}

input.fieldrecherche  {
	width:97%;
	margin-bottom:5px;}
	
input.buttonrecherche {
	background:#151515;
	border:1px #666 solid;
	color:#CCC;}
	
input.buttonrecherche:hover {
	border:1px #C00 solid;
	}

div.recherche {	
	background:#e8edff; 
	padding:5px;
	margin-bottom:10px;}
	
/********************************************* 
CATALOGUE
*********************************************/
div.navigation {
	font-size:10px;
	text-align:left;
	margin:5px 0px;
}

.navigation a {
	text-decoration:none;
}

.navigation a:hover {
	text-decoration:underline;
}

a.lienfamille {
	display:block; 
	width:100%;
	text-decoration:none;
	width:273px;
	padding:5px 0px 5px 5px;
}
a.lienfamille:hover {
	background:#2d4488;
	color:#FFF;
}

/********************************************* 
RECRUTEMENT
*********************************************/
div.offre {
	margin:10px 0px;
	padding:5px; 
	overflow: auto; 
	background:#e8edff;
}

.offre h3 {
	font-size:16px;
		color:#C00;
		font-weight:normal;
}
.offre h4 {
	font-size:12px;
	margin:0px;
	font-weight:bold;
}

div.requiredfield {
	background-color:#ffebe8;
	border:1px solid #F00;
	color:#000;
	margin:10px 0px;
	padding:5px;
	text-align:center;
}


/********************************************* 
FORM VALIDATION 
*********************************************/	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field {
    border: 1px solid #00CC00;
}
input.LV_valid_field{
    border: 1px solid #00CC00;
} 
textarea.LV_valid_field{
    border: 1px solid #00CC00;
} 

    
.LV_invalid_field{
    border: 1px solid #CC0000;
}
input.LV_invalid_field {
    border: 1px solid #CC0000;
}

textarea.LV_invalid_field{
    border: 1px solid #CC0000;
} 

	
/********************************************* 
PAGINATION  
*********************************************/
div.pagination {
    font: 10px Verdana;
    padding: 3px;
    margin: 6px;
}
div.pagination a {
    background-color: #fff;
    border: 1px solid #2d4489;
    color: #2d4489;
    margin: 1px;
    padding: 1px 2px;
    text-decoration: none
}
div.pagination a:hover,active {
    background-color: #0066cc;
    border: 1px solid #2d4489;
    color: #fff;
    margin: 1px;
    padding: 1px 2px;
}
div.pagination span.courante {
    background-color: #2d4489;
    border: 1px solid #2d4489;
    color: #fff;
    font-weight: bold;
    margin: 1px;
    padding: 1px 2px;
}
div.pagination span.desactive {
    background-color: #fff;
    border: 1px solid #eee;
    color: #ddd;
    margin: 1px;
    padding: 2px 5px
}