﻿html, body {
	height: 100%;
	margin: 0; /* pour éviter les marges */
}
.blue {
	color: #779DBD;
}


body {
height: 100%;
width: 100%;
	margin: 0px;
	font-family: Tahoma, "Trebuchet MS";
	font-size: 1em;
	background-color: #3A060A;
	background-image: url(../images/bg_main.gif);
	background-repeat: repeat-x;
	color: #847E7F;
	behavior: url("/css/csshover3.htc");
}

img, div, a, ul, input, h1, h2, li { behavior: url("/css/iepngfix.htc") }

a { color:#5B4F50;text-decoration:none;/font-weight:bold;  }

a hover{ color:#4698E2;text-decoration:none;/font-weight:bold;}

#main {
	width: 980px;
	margin:auto;
		font-size: 12px;
		height:100%;
}

#main img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}


#header { width:980px; background: url(../images/bg_header.jpg) no-repeat top left;
	color:#fff;
	height:95px;
}
#header #content { position:relative; left:0px; top:0px; width:10px; height:10px; z-index:1; visibility: visible; }

#header #logo {
	float:left;
	width:391px;
	height:112px;
	cursor:hand;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
position:absolute; left:0px; top:0px; width:391px; z-index:1; visibility: visible;
}

#nav-menu {
		font-family: "Lucida Sans","Lucida Grande","Lucida Sans Unicode", Verdana, Arial;
	width:980px;
	text-transform:uppercase;
	text-align:left;
	height:38px;
	position:relative;
	cursor:hand;
	line-height:38px;
	background-repeat: no-repeat;
	margin-top: -12px;/margin-top: 0px;
	z-index: 50;
}

#bgmenu {
	width:980px;

	background: url(../images/bg_menu.jpg) no-repeat;
	height:38px;

}


#menuDeroulant {

	font-size:13px;
	text-align:center;
	padding-left: 100px;/padding-left: 60px;
	
}


#menuDeroulant li {	color: #FFFFFF;

	list-style-type: none;
	font-weight: bold;
margin:0;padding:0; display:block;float:left;
line-height:38px;
cursor:hand;
display:block;float:left;line-height:38px;padding-right: 15px;
	padding-left: 15px;
	background-image: url(../images/menu_filet.gif);
	background-repeat:no-repeat;
	background-position: right 2px;
	text-decoration: none;}

#menuDeroulant li:hover{display:block;float:left;line-height:38px;background-image: url(../images/bg_menuh.gif);
	background-repeat: repeat-x;
	background-position: 0px 2px;}





#menuDeroulant li a:hover, #menuDeroulant li a { color:#fff;
	}
#main #container {
	width: 980px;
}
#menuDeroulant li a.link {
	color:#fff;
	text-decoration:none;


}
#menuDeroulant li.menu-on {
	color:#fff;
	background-image: url(../images/bg_menuh.gif);
	background-repeat: repeat-x;
	background-position: 0px 2px;
	}


.sousMenu {
	visibility:hidden;
	position:absolute;
	top:38px;
	left:0px;
	height:47px;
	line-height:10px;/line-height:24px;
	width:980px;
	color:#00a3cc;
	background: url(../images/bg_ssmenu.png) no-repeat top left;/background: url(../images/bg_ssmenu.gif) no-repeat top left;
	font-size: 10px;
font-weight: bold;

}

.sousMenu ul { 	margin-left: 100px;}

.sousMenu li { 	 display:block;float:left;cursor:hand;}
.sousMenu li a { 	color:#FFF; padding:0 10px;	margin: 0;cursor:hand;text-decoration: none;
}
.sousMenu li a:hover
{
color:#fff;
}


#home {
	height: 39px;
	width: 50px;
	text-align: right;
	position: relative;
	left: 922px;
	top: 48px;
		
}

#nav-menu #search {
	background-image: url(../images/bg_search.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 190px;
	margin: 0px;
	float: right;
	padding-top: -10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;

	vertical-align: top;
}
#main #visu {
	width: 980px;
	background-image: url(../images/visu_pages.jpg);
	height: 135px;
}

#main #visuHome {
	width: 980px;
	background-image: url(../images/visu_home.jpg);
	height: 199px;
}
#nav-menu #search .box {
	background-color:transparent;
	width: 130px;
	margin-top: 9px;
	margin-left: 7px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#nav-menu #search .ok {
	height: 23px;
	width: 25px;
	margin-top: 7px;
	margin-left: 9px;

}



#ventre {
	float: left;
	width: 665px;
	background-image: url(../images/bg_ventre.gif);
	background-repeat: repeat-x;
	padding: 0px;
	background-position: 2px 2px;
	
}
#ventre #ventreg { float: left;display:inline;margin:40px 0 0 50px;position:relative;min-height:400px;/height:100%;}
#ventre #ventreg .titre { font-size: 24px;color: #4698E2; }
#ventre #ventreg #image-picto { float:right;display:inline;margin-left:20px; }

#ventre #ventreg ul#search-results { margin:0;padding:0;}
#ventre #ventreg ul#search-results li { padding-top:20px;margin-left:20px;}
#ventre #ventreg ul#search-results li a.titre { font-size:18px;display:block;}
#ventre #ventreg ul#search-results li a.category { font-size:smaller;color:#999;display:block;text-transform:uppercase;}
#ventre #ventreg ul#search-results li a.resume { display:block;}

#ventre #products { clear:both;margin:20px 0;height:200px; }
#ventre #products #image1,#ventre #products #image2,#ventre #products #image3 { float:left;width:440px;height:204px;/display:block; }
#ventre #products #image2,#ventre #products #image3 { display:none; }
#ventre #products #sample1,#ventre #products #sample2,#ventre #products #sample3 { cursor:hand;width:135px; height:63px;margin-bottom:8px; margin-left:8px;display:inline;float:right; }
250
#ventre #content ul li { list-style-image:url(../images/puce01.gif);line-height:20px;margin-bottom:6px; /padding-left:10px;}


#ventre #list ul { margin:0;padding:0; }
#ventre #list ul li { list-style:none;padding:0;margin:0;margin-top:20px;	
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E5;	 }
#ventre #list ul li img { float:left;display:inline;margin-right:20px; }
#ventre #list ul li a.titre { display:block;font-size:12px;line-height:17px;  }
#ventre #list ul li a.resume { display:block;line-height:15px; font-size:11px; font-weight: normal; padding-left:154px }
#ventre #list ul li a:hover { text-decoration:underline; }


#ventreHome{
	float: left;
	width: 620px;
	height: 395px;
	background-image: url(../images/bg_home01.jpg);
	background-repeat: no-repeat;
	padding: 0px;

}
#ventreHome #caroussel {
}

#main #containerPages { overflow:auto;margin:auto; }
#main #containerPages #ventre #ventreg h1 {
	font-size: 24px;line-height: 24px;font-weight:normal;margin:0;padding:0;
	color: #4698E2;margin:20px 0 5px 0;
}
#main #containerPages #ventre #ventreg .date { color:#779DBD; }

#main #containerPages #ventre #ventreg img.img {
	float: right;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#main #containerPages #ventre #ventreg #legende {display:block;float:right;background:#f2f2f2;border:1px solid #000; } 

#main #containerPages #ventre #ventreg {
	width: 583px;
float: left;display:inline;
	margin-top: 20px;
	margin-left: 50px;
	line-height: 18px;
	margin-bottom: 40px;
	clear: left;

}
#main #containerPages #ventre #ventreg #resume {
	margin-top: 30px;
padding-top: 20px;
margin-bottom: 24px;	
font-weight: bold;
	font-size: 12px;
}

#main #containerPages   #column {
	float: right;
	width: 290px;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
}

#columnNews {
	float: right;
	width: 360px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(../images/bg_home02.jpg);
	background-repeat: no-repeat;
	height: 395px;
}

#ventreHome #agenda {
	float: right;
	width: 330px;
	padding:0px;
	height: 120px;
}
#ventreHome #agenda h1 { display:block;height:40px;text-indent:-9999px;background:url(../images/home_titrevents.png) no-repeat 0 -10px;margin:0;margin-left:10px; }
#ventreHome #agenda ul { margin:0;padding:0;text-align:left;margin:5px 0 0 10px;list-style-type:none; }
#ventreHome #agenda ul li {  }
#ventreHome #agenda ul li:hover {  background: url(../images/bg_agendaHover.png) repeat-x -5px -10px; /background:; }

#ventreHome #agenda ul li a.titre { display:block;color:#fff;line-height: 18px;padding-top: 8px; }
#ventreHome #agenda ul li a.titre:hover {color: #9EDCFF; }
#ventreHome #agenda img { float:left;display:inline;margin:8px 8px 5px 18px;}

#ventreHome #agenda .date {	
	display:block;
	color: #BBCFDF;
	font-family: "Palatino Linotype", Georgia;
	font-size: 20px;
	line-height: 28px;
 }
#ventreHome #agenda .sous_titre { font-weight:bold;color:#fff;  display:block; margin-left:150px;}






ul#toolbar {
	background: url(../images/bg_toolbar.gif) no-repeat;height: 45px;width: 574px;margin-top: 30px;line-height: 45px;position:relative;padding:0;
}

ul#toolbar li { display:inline;list-style-type:none;margin-right:10px;font-size:10px;color:#999; }
ul#toolbar li a# { display:inline;list-style-type:none;margin-right:10px;font-size:10px;color:#999;height: 45px;
	width: 90px;
	float: right; }

ul#toolbar li a#print {
	background: url(../images/bout_print.png) no-repeat;display:block; 

	width:40px;height:45px;text-indent:-5000px;
	position:absolute;left:485px;top:0px;
}

ul#toolbar li a#send {
	background: url(../images/bout_send.png) no-repeat;display:block;width:40px;height:45px;float:right;text-indent:-5000px;
		position:absolute;left:530px; top:0px;

}

ul#toolbar li a#file_label_1, ul#toolbar li a#file_label_2, ul#toolbar li a#file_label_3 {
	height: 45px;
	float: left;
	display: inline;
	font-size:10px;color:#999;
	line-height: 45px;
	padding: 0px 20px 0px 40px;
	border-right: 1px solid  #FFFFFF;
	background: url(../images/bout_pdf.png) no-repeat;
}



#sendtoafriend { position:absolute;top:-247px;/top:-278px;height:245px;/height:225px;width:176px;left:400px;/left:394px;border:1px solid #ddd;background:#f2f2f2;line-height:10px; }
#sendtoafriend form { padding:10px; }
#sendtoafriend label { text-align:left;height:10px;line-height:10px; }
#sendtoafriend input ,#sendtoafriend textarea { width:152px; }
#sendtoafriend-ok { position:absolute;top:-50px;height:50px;text-align:center;width:172px;left:400px;border:1px solid #ddd;background:#f2f2f2; }






#coldHome { 	
	float: right;
	width: 360px;
	text-align:left;
	background-image: url(../images/bg_home02.jpg);
	background-repeat: no-repeat;
	height: 395px;
}
#coldHome #news  { margin-top:10px;position:relative; }
#coldHome #news h1 { display:block;height:40px;text-indent:-9999px;background:url(../images/home_titrenews.png) no-repeat 0 -10px;margin:0; }
#coldHome #news ul { list-style-type:none;margin:0;padding:5px 0;width:340px;margin-left:5px;  }
#coldHome #news ul li {  height:100px;padding:10px 0 0 10px; background:url(../images/bg_news.png) no-repeat 0 -125px; /background:;}
#coldHome #news img { float:left;display:inline;margin:4px 0 0 8px;}
#coldHome #news ul li a.titre { display:block;width:160px;float:right; line-height: 18px;color:#fff;margin-right:10px; }
#coldHome #news ul li a.titre:hover {color: #9EDCFF; }
#coldHome #news ul li .date {  display:block;width:160px;float:right;color: #779DBD;margin-right:10px; }
#coldHome #news ul li:hover {  background-position:0px -5px;  }



form label { float:left;width:100px;text-align:right;margin-right:10px;line-height:25px;color:#999;display:block; height:45px; }
form .formOblig , .formOblig { float:left;width:10px;font-weight:bold;text-align:left;padding-top:5pxcolor:#aaa;margin-right:10px; }
#contact form { margin-top:20px; }
#contact form input, #contact form textarea { width:420px; float:right;}
#contact form select { width:220px; margin-left:50px; /margin-left:20px;}
#contact #obligExplain { padding-left:130px;font-size:smaller; }
	
#agenda .news {
	height:104px;
	width:340px;
	float:left;
	margin-left:5px;
}
#agenda .news {
	height:120px;
	width:320px;
	float:left;
	margin-left:10px;/	margin-left:0px;


}


.pad5 {
	padding: 8px;
}

#columnNews .newsHover {
	height:104px;
	width:340px;
	float:left;
	margin-left:5px;
	background-image: url(../images/bg_agendaHover.png);
	background-repeat: repeat-x;
}

#columnEvents .newsHover {
	height:120px;
	width:320px;
	float:left;
	margin-left:10px;
	background-image: url(../images/bg_agendaHover.png);
	background-repeat: repeat-x;
}


.news a {
	color:#fff;
	font-weight: normal;
}
.newsHover a { color:#9EDCFF; }


#main #containerPages {
	background-image: url(../images/bg_page.gif);
	background-repeat: repeat-y;
	width: 980px;
height:100%
overflow:auto;
	padding-left: 2px;margin-top:0px;
}

#main #containerPages #column h2 {
	font-size: 18px;
	color: #ABA6A7;
	font-weight: normal;
	background-image: url(../images/puce01.png);
	background-repeat: no-repeat;
	background-position: 0px 13px;/background-position: 0px 3px;
	padding-left: 20px;
	padding-top: 10px;/padding-top: 0px;
/margin-left:20px;
/margin-top:20px;
}


#main #containerPages #column ul.subMenu {
	margin: 0px;
	background-image: url(../images/bg_colmenu_filet.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;/margin-left: 20px;
}

#main #containerPages #column ul.subMenu li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;

	font-weight: bold;
	color: #5B4F50;
	padding: 0px;
	
}
#main #containerPages #column ul.subMenu li a {
	display: block;
width:240px;
	background-image: url(../images/bg_colmenu.png);
	background-repeat: no-repeat;
	padding-left: 28px;	/padding-left: 24px;
	padding-top: 8px;
	height: 24px;
}

#main #containerPages #column ul.subMenu li a:hover, #main #containerPages #column ul.subMenu li.on a{
	color: #4698E2;
	background-image: url(../images/bg_colmenuH.png);
	background-repeat: no-repeat;
	background-position: left top;	
	
}


#main #containerPages #column #auto img {
	padding-top: 20px;
}



#column ul#advert { 

	list-style:none;
	margin: 0px;
	padding:0;
	padding-bottom: 1px;
	padding-left: 0px;/margin-left: 20px;

}
#column ul#advert li { 

margin-top: 20px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 0px;}

<!-- GOOGLE MAPS necessaire pour google pour tracer les polylines -->
  v\:* {
    behavior:url(#default#VML);
  }
  /*pour les infobulles de la carte*/
  #gmapmarker {
    font: normal small verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    margin: 0px;
    width: 150px;
    height: 50px;
    overflow:auto;
  }
 
  #gmapmarker p{
    margin : 0;
    padding : 2px 0 2px 0;
  }
 
  #gmapmarker a {text-decoration: none; color: #0066CC; background-color: transparent;}
 
  #gmapmarker a:hover {color: #F60; background-color: transparent;}
 
  #gmapmarker h1 {
    font-weight: bold;
    font-size: 13px;
    color: #369;
    border-bottom: 2px solid #369;
    padding : 2px;
    margin : 0;
  }
 
 /*div qui contient la carte*/
  #map {
  	margin-top:5px;border:1px solid #dadada; text-indent:-9999px;
  }
#map  div span , #map a { display:none; } 

#footer {
	background-image: url(../images/footer.png);
	height: 64px;
	width: 980px;
	margin-bottom: 20px;
	line-height: 12px;
	text-align: center;
	padding-top: 16px;
	background-repeat: no-repeat;
	color: #E29DA1;
}
#footer li {
	display:inline;
	padding-right: 20px;
	padding-left: 20px;
}
#footer ul {
	margin-top: 10px;
	margin-bottom: 0px;
}


#footerHome {
	
	height: 64px;
	width: 980px;
	margin-bottom: 20px;
	line-height: 12px;
	text-align: center;
	padding-top: 16px;

}
#footerHome li {
	display:inline;
	padding-right: 20px;
	padding-left: 20px;
}
#footerHome ul {
	margin-top: 10px;
	margin-bottom: 0px;
}
#container #footerHome strong {
	margin-top: 10px;
}
#columnNews .date {
	color: #779DBD;
}

#autoHome {
	float: left;
	height: 180px;
	width: 250px;
	padding-top: 5px;
	padding-left: 20px;
}
#autoHome ul { padding:0;margin:0;list-style:none; }
.orange { color:#cf5e1c; }
.blanc { color:#fff; }
.jaune { 	color:#ffa600; }
.rouge { color:#cc0000; }
.brique { color:#990000; }
.violet { color:#56265e; }
.gris,.grey, a.grey, a.gris { color:#999999; }
.noir,.black { color:#000000; }
.lightgrey { color:#c8c8c8; }
.xxl { font-size: 2em;}
.xl { font-size: 1.3em;}
.l { font-size: 1.1em;line-height: 1.3em;}
.s { font-size: 0.9em;}
.xs { font-size: 0.8em;}
.xxs { font-size: 0.7em;}
.pad5 { padding:5px; }
.pad10 { padding:10px; }
.pad10-2 { padding:0 10px; }
.pad15 { padding:15px; }
.pad15-2 { padding:0 15px; }
.pad20 { padding:20px; }
.date { font-size:0.9em; }
.georgia { font-family: "Georgia", "Times"; }
.i { font-style:italic; }
.border { border:1px solid #ddd; }
.cap { text-transform:uppercase; }

.spacer {
  clear: both;height:1px;
}
.opacity-30 {
filter:alpha(opacity=30); /* IE */
-moz-opacity:0.3; /* Mozilla */
-khtml-opacity: 0.3; /* Safari */
opacity: 0.3; /* CSS3 */
}


.addresses{padding-left:10px;
padding-right:20px;padding-top:10px;}

.specs {
	background-image: url(../images/bg_toolbar2.gif);
	background-repeat: no-repeat;
	height: 45px;
	width: 574px;
	display: block;
	line-height: 45px;
	font-size: 16px;
	padding-left: 34px;
margin-top: 20px;
	font-weight: bold;
color:#E04E5B;
}
.titrerouge {
	font-size: 14px;
	font-weight: bold;
	color: #96101A;
	background-image: url(../images/puce03.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left top;
}

