/* CSS Document */
BODY {
	margin: 0px;
	background-color: #FFFFFF;
}
#page_home{
	position: relative;
	background-color:#C7E1BD;
	background-image:url(../../images/menu_fond_home.gif);
	background-repeat:repeat-y;
	background-position:47px;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 0px;
	padding: 0;
	border: #000000 solid 1px;
	width:80%;				/* <-- use this to tie width to viewport size */
	width: 977px;				/* <-- use this for a set width */
}
#page{
	position: relative;
	background-color:#C7E1BD;
	background-image:url(../../images/menu_fond.gif);
	background-repeat:repeat-y;
	background-position:195px;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 0px;
	padding: 0;
	border: #000000 solid 1px;
	width:80%;				/* <-- use this to tie width to viewport size */
	width: 977px;				/* <-- use this for a set width */
}

/* Header */
#header{
	width:977px;
	background-color:#6BB04F;
	text-align:left;
	position:relative;
	height:231px;
	border-bottom:#FFFFFF solid 4px;
}
#header h1{
position:absolute;
right:5px;
top:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:25px;
color:#006600;
font-weight:bold;
z-index:2;
margin-top:0px
}
/* #469C23 */
#header h2{
position:absolute;
right:5px;
top:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
color:#006600;
font-weight:500;
z-index:2;
margin-top:0px
}
#logo{
border-color:#FFFFFF;
border-style: solid;
border-width: 0 4px 4px 0;
z-index:1;
}
#bandeau{
border-color:#FFFFFF;
border-style: solid;
border-width: 0 0 4px 0;
z-index:1;
}
#header h6{
position:absolute;
right:5px;
top:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 25px;
color:#006600;
font-weight:600;
z-index:2;
margin-top:0px;
}




/* Header Menu */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position:absolute;
width: 191px;
z-index:2;
padding-left: 8px;
margin:0px;
left: 0px;
padding-top:15px;
}

#menu dt {
z-index: 2;
width:191px;
height: 23px;
line-height: 20px;
margin: 0;
font-family:Verdana;
font-size: 12px;
text-transform: uppercase;
}


.lien-menu{
border-bottom:#FFFFFF solid 1px;
text-align:left;
height: 23px;
display: block;
}
.lien-menu:hover{
background-color:#6BB04F;
color:#FFFFFF;
}

#menu dt a{
z-index: 2;
text-decoration:none;
color:#006600;
width:167px;
padding-left:4px;
}


#menu dd {
position: absolute;
z-index: 2;
left: 191px;
width: 150px;
background: #C7E1BD;
border: 1px solid #469C23;
padding:0;
margin-top: -1.4em;
}

#menu ul {
padding: 0px;
z-index:2;
}
#menu li {
text-align: left;
font-size: 10px;
height: 20px;
line-height: 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
z-index:2;
}
#menu li a {
color: #006600;
width:145px;
text-decoration: none;
display: block;
padding-left:4px;
margin:0;
}

#menu li a:hover {
background-color:#ECF5E9;

}



/* Conenue du site */
#contenu{
	position:relative;
	width: 782px;
	left:195px;
	padding:0px;
	margin:0px;
}
.contenu_couleur{
background-color:#FFFFFF;
}
.contenu_couleur h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
margin-top:15px;
margin-left:30px;}

#contenu a{
text-decoration:none;
}
#contenu a:hover{
text-decoration:underline;
}
#contenu li{
color: #333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.80em;
}



/* Actualité  */

H3{
margin:10px 10px 20px 10px;
color:#000000;
font-size: 0,8em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
}
p{
margin:10px 10px 10px 10px;
color: #333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.80em;
line-height:1.5em;
text-align:left;
}
#actu_img a{
color: #B30000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.65em;
text-decoration:none;
font-weight:bold;
}
#actu_img{
float:right;
margin-top: 10px;
width:80%;
width: 110px;
text-align:center;
margin-right:5px;
}


/* Vocation */
#vocation{
width:742px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
background-color:#D9D9D9;
background-image:url(../../images/vocation_cadre.gif);
background-repeat:no-repeat;
background-position:2px -115px;
margin-bottom:20px;
}
#vocation p{
left:auto;
right:auto;
margin-right:10px;
margin-top: 10px;
margin-left: 8px;
margin-bottom: 10px;
color: #333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:1.5em;
text-align:left;
}
#vocation h4{
background-image:url(../../images/puce_vocation.gif);
background-position:6px;
background-repeat:no-repeat;
padding-left:20px;
color:#000000;
margin-top: 10px;
margin-left: 4px;
font-size: 14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
}



/* Activité  */
#activite{
width:376px;
height:58px;
margin-left:auto;
margin-right:15px;
background-color:#469C23;
margin-top: 8px;
margin-bottom:20px;
}

#activite h4{
position:absolute;
right:80px;
color:#FFFFFF;
text-align:right;
padding-top:10px;
margin-top:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
}
#activite a{
position:absolute;
right:80px;
color:#FFFFFF;
width: 295px;
text-align:right;
padding-top: 28px;
margin-top:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
#activite img{
position:absolute;
right:20px;
margin-top:5px;
}


/* Croissance  */
#croissance {
position:relative;
width:752px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
text-align:left;
padding-top:20px;
padding-bottom:0px;
}
.croissance_fond1 {
background-color:#D9D9D9;
background-image:url(../../images/strat_crois_cadre.gif);
background-repeat:no-repeat;
background-position:0px -20px;
height:200px;
}
.croissance_fond2 {
background-color:#D9D9D9;
background-image:url(../../images/strat_mark_cadre.gif);
background-repeat:no-repeat;
background-position:0px -30px;
height:268px;
}
.croissance_fond3 {
background-color:#D9D9D9;
background-image:url(../../images/strat_org_cadre.gif);
background-repeat:no-repeat;
background-position:0px -30px;
height:200px;
}

#croissance p{
margin-right:10px;
margin-left: 10px;
margin-bottom: 5px;
color: #333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height:1.5em;
text-align:left;
width:309px;

}
#croissance h4{
position:absolute;
width:296px;
left:418px;
color:#000000;
margin-left: 4px;
font-size: 14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;;
}
#croissance ul{
position:absolute;
left:432px;
padding-top:60px;
margin-top: 2px;
margin-left: 8px;
margin-bottom: 10px;
width:330px;
text-align:left;
}
#croissance li{
list-style-image:url(../../images/puce_validation.gif);
list-style-position:outside;
line-height:20px;
}
/* ftp */
#boutonaccesclient {
margin:70px 20px 0px 150px;
}
#boutonaccescolaborateur {
margin:70px 0px 0px 20px;}
/* Valeurs */
#valeurs{
text-align:center;
margin-top:17px;
margin-bottom:20px;
}
#valeurs img{
margin-bottom:5px;
}




/* Points de vue */
#points_vue{
width:752px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
text-align:left;
}
#points_vue h3{
color:#000000;
margin-left: 4px;
font-size: 0.75em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;;
}
#points_vue h4{
margin: 10px 0px 5px 30px;
padding:0px;
color:#469C23;
font-size: 0.85em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
#points_vue p{
margin-right:10px;
margin-left: 8px;
margin-bottom: 5px;
color: #333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
line-height:1.5em;
text-align:left;
}
#points_vue a{
margin: 0px 0px 10px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
margin-top:0px;
padding-top:0;
color:#469C23;
padding-left:15px;
}


/* Ouvrage Récent  */
#ouvrage{
width:752px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
text-align:left;
}
#ouvrage p{
margin:0px 0px 0px 150px;
color: #333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
line-height:1.5em;
text-align:left;
}
#ouvrage img{
margin:0px 0px 10px 10px;
border:1px solid #469C23;
}


/* Reference */
#references{
margin-top: 10px ;
margin-left:10px;
background-color:#E5E5E5;
border: 1px solid #469C23;
width: 370px;
height: 200px;
margin-bottom:20px;

}
#references h4{
color:#000000;
padding-left:10px;
margin-top: 10px;
font-size: 0.85em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
margin-bottom:0;
padding-bottom:0;
}
#references p{
margin-right:10px;
margin-right:10px;
margin-left: 10px;
margin-bottom: 5px;
color: #333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
line-height:1.5em;
}

/* Contact */
#contact{
width:766px;
text-align:left;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
}
#contact_g{
margin-top:20px;
margin-bottom:20px;
width:386px;
}
#contact_d{
margin-top:20px;
margin-bottom:20px;
position:absolute;
right:0px;
top:0px;
width:382px;
border-left:2px #469C23 solid;
padding:0px;
text-align:left;
}
#contact_d p{
margin-top:-1px;
margin-bottom:0px;
padding-top: 0px;
padding-bottom: 0px;
margin-left:5px;
color: #333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
line-height:1.5em;
}
#contact_g p{
margin-top:-1px;
margin-bottom:0px;
padding-top: 0px;
padding-bottom: 0px;
text-align:right;
margin-right:5px;
color: #333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
line-height:1.5em;
}
#contact_g h4{
margin-top:-1px;
margin-bottom:0px;
padding-top: 0px;
padding-bottom: 0px;
text-align:right;
margin-right:5px;
color:#000000;
font-size: 0.85em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
#img_contact{
margin-left:6px;
}

/* Equipe */
#equipe{
width:752px;
margin:0px 10px 20px 10px;
}
#photo{
	position:absolute;
	border: 1px solid #469C23;
	margin-right:15px;
	width: 83;
	height: 111;
}
#equipe h4{
position:relative;
margin: 0px 0px 0px 110px;
padding:0px;
color:#469C23;
font-size: 0.85em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
#equipe h6{
position:relative;
margin: 0px 0px 0px 110px;
padding:0px;
color:#333333;
font-size: 0.80em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
}
#equipe p{
position:relative;
margin: 20px 0px 0px 110px;
padding:0px;
}



/* Ombre porté */
* html #tlc, * html #trc {height: 1%;}


#content
	{
	padding:9px 10px 9px 10px;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(../../images/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(../../images/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(../../images/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(../../images/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(../../images/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(../../images/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(../../images/rb.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-color: #FFFFFF;
	background-image:url(../../images/lb.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}





.separation{
clear: both;
visibility: hidden;
}
#separation{
clear: both;
visibility: hidden;
height:0px;
margin: 0px;
}

/* Bas de page */

#footer{
	width: 745px;
	height:16px;
}
#footer p{
color:#CCCCCC;
font-family:Verdana;
font-size: 0.58em;
text-align:left;
margin-left:10px;
margin-top: 3px;
margin-bottom: 0px;
line-height:10px;
}
#footer a{
color:#CCCCCC;
font-family:Verdana;
text-decoration:none;
}
#footer a:hover{
color:#999999;
font-family:Verdana;
text-decoration:none;
}
/*footer*/
/* Signature C-ROM */

#signature{
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;	
	padding: 0;
	width:80%;			/* <-- use this to tie width to viewport size */
	width: 977px;
	height: 20px;
	text-align:right;
}
#signature a{
color:#469C23;
font-family:Verdana;
line-height: 16px;
font-size:10px;
text-decoration:none;
text-align:right;
}

#signature a:hover{
color:#FF7400;
}
#accesftpexchangeroll {
float:right;}
#accesftpexchangeroll a {
text-align:right;}
#accesftpexchangeroll a:hover {
color:#B30000;}
#accesftproll a {
text-align:right;
font-weight:bold;}
#accesftproll a:hover {
color:#B30000;}
#accesftproll {
float:left;}




/* Mise à jour de la page groupe dia-mart  */

#groupe-cote{
float:left;
margin:50px 0px 0px 7px;
padding:10px 0px 10px 0px;
width:250px;
border:1px #74b55a solid;
text-align:center;
height:150px;
}

#groupe-dia-mart{
float:left;
margin:50px 0px 0px 7px;
padding:10px 0px 10px 0px;
width:250px;
border:1px #74b55a solid;
background-color:#E5E5E5;
text-align:center;
height:150px;
}

#groupe-point{
float:left;
margin:50px 0px 0px 7px;
width:250px;
border:1px #74b55a solid;
text-align:center;
padding:10px 0px 10px 0px;
height:150px;
}

#groupe-ebeltoft{
text-align:center;
}
#groupe-ebeltoft p{
text-align:center;
}

.titre-gris{
margin:0px;
color:#333333;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
.titre-noir{
margin:0px;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
}
.text-gris{
margin:0px;
color:#333333;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}
.text-noir{
margin:0px;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color:#000000;
font-weight:bold;
}


#lien-logo img{
float:left;
}
.pointdorgue-menu{
margin-top:9px;
}
.ebeltoft-menu{
margin-left:9px;
margin-top:9px;
}