/* Mise en page CSS du site pour screen */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color:#A6A48A;
}

img {
	border: 0 none;
}

h1 {
	font-size: 1.6em;
	margin: 0 0 10px 0px;
	padding: 0;
	color: #EE7900;
}

h2 {
	font-size: 1.2em;
	background-image:url(../images/puce.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0 0 0 0px;
	padding: 0 0 0 12px;
	color: #218855;
}

h3 {
	font-size: 1.1em;
	margin: 10px 0 10px 0px;
	padding: 0;
	color: #4D4C48;
}

h4 {
	font-size: 1em;
	margin: 20px 0 5px 0px;
	color: #218855;
	line-height: 1.2em;
	padding-left: 64px;
	text-align:left;
	background-image:url(../images/fleche-int.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #EE7900;
	text-align: right;
	float:right;
}


p {
	text-align: justify;
	margin-top: 5px;
}

strong {
	color: #4D4C48;
}

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

a:hover {
	text-decoration: underline;
}

a:visited {
	color:#585840
}

ul, li, dl, dt, dd {
	list-style-type: none;
	margin: 0;
	padding: 0px;
}


ol {
	list-style-type: none;
	margin: 0;
	padding-left: 35px;
	padding-right: 20px;
	text-align: justify;
}
abbr, acronym {
	border-bottom: 1px dotted #BCB892;
	cursor:help;
}

/* //////////////////////////////////////////////////////// GESTION DES DIV ////////////////////////////////////////////////////// */

div#container {
	width: 952px;
	margin-left: auto;
	margin-right:auto;
	margin-top: 0px;
	text-align: left; /* pour rétablir l'alignement du texte suite au bug IE (cf. style div Body) */
}

div#contenu {
	width: 952px;
	text-align: left;
	border: 1px solid #FFFFFF;
	background-color:#C7C6B4;
	margin-top: 16px;
}
div#container-catalogue {
	margin-top: 16px;
	width: inherit;
	text-align: left;
	border: 1px solid #FFFFFF;
	background-color:#C7C6B4;
	padding: 20px;
	width:250%;
	overflow: visible;
}
table {
	width: 100%;
	float: left;
	margin-right: 20px;
}
div#services-catalogue {
	margin-top: 25px;
	text-align: left;

}
div#contenu-home {
	margin-top: 16px;
	width: 952px;
	text-align: left;
	border: 1px solid #FFFFFF;
	background-color:#C7C6B4;
}

div#header-home {
	width: 952px;
	height: 158px;
	background-color: #FFFFFF;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

div#header {
	width: 952px;
	height: 134px;
	background-color: #FFFFFF;
	background-image: url(../images/header-int.jpg);
	background-repeat: no-repeat;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
div#mainnav {
	height: 35px;
	background: url(../images/fd-nav.gif)
               0px -35px no-repeat;
	overflow: visible;
}
div#mainnav-int {
	width: 952px;
	background: url(../images/fd-nav.gif)
               0px -35px no-repeat;
	height: 35px;
	overflow:hidden;
}
div#mainnav dl {
	position: absolute;
	z-index:9800;
}
div#mainnav dt {
	float: left;
}

div#mainnav dt a:link, div#mainnav dt a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px; /*normalement devrait être 35px mais ça passe et nécessite moins de dextérité à la souris*/
	display: block;
	text-align:center;
	padding-top: 5px;
}

div#mainnav dt a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	height: 20px;
	padding-top: 12px;
	overflow: hidden;
}
div#mainnav dd {
	position: absolute;
	width: 205px;
	top: 35px;
	left: 10px;
	z-index:9900; /* mandatory for viewing the sub-menus on front of the main-content (due to jquery-corner plugin) */
}
div#mainnav dd ssmenu1 {
	margin-left: 20px;
}
#ssmenu1 {
	margin-left: 5px;
}
#ssmenu2 {
	margin-left: 100px;
}
#ssmenu3 {
	margin-left: 200px;
}
#ssmenu4 {
	margin-left: 332px;
}
#ssmenu5 {
	margin-left: 445px;
}
#ssmenu6 {
	margin-left: 577px;
}
#ssmenu7 {
	margin-left: 627px;
}
div#fond-ss-menu {
	background-image: url(../images/ss-nav_bas.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
}
div#mainnav dd ul {
	background-image: url(../images/ss-nav_haut.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	padding-top: 15px;
}

div#mainnav dd ul img{
	margin: -1px 0 0 0;
	padding-left: 15px;
}

div#mainnav dd ul li{
	background-image: url(../images/ss-nav_fond.png);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	padding: 5px 50px 5px 16px;
}

div#mainnav dd ul li a:link, div#mainnav dd ul li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #746F3E;
	text-align:left;
	background-image: url(../images/ss-nav_puce.gif);
	background-position: left center;
	background-repeat: no-repeat;
	font-size: .85em;
	line-height: 1em;
	text-indent: 1.2em;
	padding-left: 10px;
}
div#mainnav dd li a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}
div#mainnav-int ul, div#mainnav-int li {
	display: inline;
	list-style:none;
	padding-top: 0px;
	float:left;
	z-index: 999;
}

div#mainnav-int li a:link, div#mainnav-int li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	height: 35px;
	display: block;
	text-align:center;
	padding-top: 5px;
}

div#mainnav-int li a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	height: 35px;
	padding-top: 10px;
}
div#meta-nav {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	color:#585840;
	font-size: 0.7em;
	top: 16px;
	float: right;
	width: 125px;
}
div#meta-nav-home {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	color:#585840;
	font-size: 0.7em;
	top: 18px;
	float: right;
	width: 125px;
}

div#meta-nav ul, div#meta-nav li, div#meta-nav-home ul, div#meta-nav-home li {
	display:block;
	list-style: none;
	padding: 0px;
}
div#meta-nav li, div#meta-nav-home li {
	padding-top: 0px;
	text-align: -9000em;
}

div#metanav li a:link, div#metanav li a:visited, div#metanav-home li a:link, div#metanav-home li a:visited {
	color:#585840;
}

div#calage{
	overflow: hidden;
}

div#interieur {
	font-family: Arial, Helvetica, sans-serif;
	width: 952px;
	height: 330px;
	background-image:url(../images/fd-home.jpg);
	background-repeat: no-repeat;
	font-size: 1em;
	color: #000000;
	text-align: left;
	z-index:200;
	overflow:hidden;
}

div#interieur2 {
	font-family: Arial, Helvetica, sans-serif;
	width: 952px;
	background-image:url(../images/fd-interieur.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 1em;
	color: #000000;
	text-align: left;
	padding-bottom: 40px;
	overflow: hidden;
}

div#interieur2-phototheque { /* idem interieur2 sauf background-image et padding */
	font-family: Arial, Helvetica, sans-serif;
	width: 952px;
	background-image:url(../images/fd-interieur-phototheque.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 1em;
	color: #000000;
	text-align: left;
	padding-bottom: 140px;
	overflow: hidden;
}

div#ss-nav {
	width: auto;
	background-image: url(../images/ss-nav_vertical1px.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 50px;
	line-height: 2em;
}
div#ss-nav ul {
	list-style:none;
	display:inline;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
}
div#ss-nav li {
	list-style:none;
	display: inline;
	text-decoration:none;
	padding-left: 2em;
}
div#ss-nav li a {
	color: #746f3e;
	display: inline;
	text-decoration:none;
	background-image:url(../images/puce-ss-nav.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 1em;
}
div#ss-nav li.active {
	color:#EC7400;
	text-decoration:none;
	background-image:url(../images/puce-ss-nav.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 1em;
	margin-left: 2em;
}
div#ss-nav li a:hover {
	color:#EC7400;
}

div#actus {
	margin: 40px 0 0 420px;
	width: 360px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	position: relative;
	float: left;
	text-align: left;
}

div#actus-defilantes {
	width: 370px;
	height: 200px;
	overflow: hidden;
	position: relative;
	font-size: 0.85em;
}

div.actu-defilante {
	position: relative;
}

div#actus-int {
	top: 20px;
	left: 45px;
	width: 212px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-weight: normal;
	color: #333333;
	position: relative;
	background-image: url(../images/fd-actu-int.gif);
	background-repeat: repeat-y;
	float: left;
	text-align: left;
}

div#fin-actus {
	margin: 0px;
	width: 212px;
	position: relative;
	float: left;
}

div#rubrique {
	width: 495px;
	margin-top: 20px;
	margin-left: 1px;
	left: 82px;
	border:none;
	background-image: url(../images/fd-rubrique.gif);
	background-repeat: repeat-y;
	background-position: right top;
	position: relative;
	float: left;
}

div#rubrique-phototheque { /* idem rubrique sauf background-image, width et left */
	width: 742px;
	margin-top: 20px;
	margin-left: 1px;
	left: 45px;
	border:none;
	background-image: url(../images/fd-rubrique-phototheque.gif);
	background-repeat: repeat-y;
	background-position: right top;
	position: relative;
	float: left;
}

div#contenu-rubrique {
	font-family: Arial, Helvetica, sans-serif;
	/*width: 450px;*/
	font-size: 0.85em;
	line-height: 1.6em;
	color: #000000;
	/*position: relative;
	float: left;*/
	text-align: justify;
	/*padding: 0 0 0 25px;*/
	margin: 0 20px 0 25px;
}

div#contenu-rubrique ul {
	padding-bottom: 16px;
	padding-left: 18px;
}
div#contenu-rubrique li {
	list-style-type: square;
	list-style-position: inside;
	color:#003300;
	padding-left: 18px;
}

div#contenu-rubrique li a{
	color:#EE7900;
}

div#contenu-rubrique13 {
	font-family: Arial, Helvetica, sans-serif;
	width: 450px;
	font-size: 0.85em;
	line-height: 1.6em;
	color: #000000;
	position: relative;
	float: left;
	text-align: justify;
	padding: 0 0 0 25px;
}

div#contenu-rubrique13 ul, div#contenu-rubrique13 li {
	padding: 0px;
	margin: 0px;
	list-style-image: none;
}

div#ariane {
	background-image:url(../images/picto-home.gif);
	background-repeat: no-repeat;
	padding: 0px 0 0 22px;
	margin: 15px 0 15px 0;
	top: 10px;
}

div#footer {
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#585840;
	height: 27px;
	width: 948px;
	border: 1px solid #FFFFFF;
	margin: 20px 0 20px 0;
	padding: 8px 0 0 8px;
	background-color:#C7C6B4;
}

/* ///////////////////////////////////////////////////// GESTION DES ROLL-OVER /////////////////////////////////////////////////// */
#rubrique1{
	width: 95px;
	left: 4px;
	top: 0px;
	background: url(../images/fd-nav.gif)
               0px -35px no-repeat;
}
#rubrique1 a:hover {
	background: transparent url(../images/fd-nav.gif)
               0px 0px no-repeat;
}
#rubrique1-on {
	width: 95px;
	background: transparent url(../images/fd-nav.gif)
               0px 0px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	height: 35px;
	color:#FFFFFF;
	text-align: center;
	line-height: 2.8em;
}
#rubrique2 { 
	width: 100px;
   background: url(../images/fd-nav.gif)
               -95px -35px no-repeat;
}
#rubrique2 a:hover {
   background: transparent url(../images/fd-nav.gif)
               -95px 0px no-repeat;
}
#rubrique2-on {
	width: 100px;
	left: 95px;
   background: transparent url(../images/fd-nav.gif)
               -95px 0px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	height: 35px;
	color:#FFFFFF;
	text-align: center;
	line-height: 2.8em;
}
#rubrique3 {
	width: 138px;
	background: url(../images/fd-nav.gif)
               -195px -35px no-repeat;
}
#rubrique3 a:hover {
   background: transparent url(../images/fd-nav.gif)
               -195px 0px no-repeat;
}
#rubrique3-on {
	width: 138px;
   background: transparent url(../images/fd-nav.gif)
               -195px 0px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	height: 35px;
	color:#FFFFFF;
	text-align: center;
	line-height: 2.8em;
}
#rubrique4 {
	width: 110px;
   background: url(../images/fd-nav.gif)
               -327px -35px no-repeat;
}
#rubrique4 a:hover {
   background: transparent url(../images/fd-nav.gif)
               -327px 0px no-repeat;
}
#rubrique4-on {
	width: 110px;
   background: transparent url(../images/fd-nav.gif)
               -327px 0px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	height: 35px;
	color:#FFFFFF;
	text-align: center;
	line-height: 2.8em;
}
#rubrique5 {
	width: 135px;
   background: url(../images/fd-nav.gif)
               -437px -35px no-repeat;
}
#rubrique5 a:hover {
   background: transparent url(../images/fd-nav.gif)
               -437px 0px no-repeat;
}
#rubrique5-on {
	width: 135px;
   background: transparent url(../images/fd-nav.gif)
               -437px 0px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	height: 35px;
	color:#FFFFFF;
	text-align: center;
	line-height: 2.8em;
}
#rubrique6 {
	width: 200px;
	  background: url(../images/fd-nav.gif)
               -572px -35px no-repeat;
}
#rubrique6 a:hover {
   background: transparent url(../images/fd-nav.gif)
               -572px 0px no-repeat;
}
#rubrique6-on {
	width: 200px;
   background: transparent url(../images/fd-nav.gif)
               -572px 0px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	height: 35px;
	color:#FFFFFF;
	text-align: center;
	line-height: 2.8em;
}
#rubrique7 {
	width: 165px;
   background: url(../images/fd-nav.gif)
               -772px -35px no-repeat;
}
#rubrique7 a:hover {
   background: transparent url(../images/fd-nav.gif)
               -772px 0px no-repeat;
}
#rubrique7-on {
	width: 160px;
   background: transparent url(../images/fd-nav.gif)
               -772px 0px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	height: 35px;
	color:#FFFFFF;
	text-align: center;
	line-height: 2.8em;
}
#contact {
	width: 125px;
	height: 30px;
	overflow: hidden;
	display:block;
	text-indent: -9000em;
   background: url(../images/btn-contactez-nous.gif) 
               -125px 0px no-repeat;
}
#contact a {
	width: 125px;
	height: 30px;
	overflow: hidden;
	display: block;
   background: url(../images/btn-contactez-nous.gif) 
               0px 0px no-repeat;
}
#contact a:hover {
   background: transparent url(../images/btn-contactez-nous.gif) 
               -126px 0px no-repeat;
}
#newsletter{
	margin-top: 6px;
	width: 125px;
	height: 30px;
	overflow: hidden;
	display:block;
	text-indent: -9000em;
   background: url(../images/btn-newsletter.gif) 
               -125px 0px no-repeat;
}
#newsletter a {
	width: 125px;
	height: 30px;
	overflow: hidden;
	display: block;
	text-indent: -9000em;
   background: url(../images/btn-newsletter.gif) 
               0px 0px no-repeat;
}
#newsletter a:hover {
   background: transparent url(../images/btn-newsletter.gif) 
               -126px 0px no-repeat;
}
#primholstein {
	margin-top: 6px;
	width: 125px;
	height: 45px;
	overflow: hidden;
	display:block;
	text-indent: -9000em;
   background: url(../images/btn-prim.gif)
               -125px 0px no-repeat;
}
#primholstein a {
	width: 125px;
	height: 45px;
	overflow: hidden;
	display: block;
	text-indent: -9000em;
   background: url(../images/btn-prim.gif)
               0px 0px no-repeat;
}
#primholstein a:hover {
   background: transparent url(../images/btn-prim.gif) 
               -126px 0px no-repeat;
}
#normande {
	margin-top: 2px;
	width: 125px;
	height: 45px;
	overflow: hidden;
	display:block;
	text-indent: -9000em;
   background: url(../images/btn-normande.gif) 
               -125px 0px no-repeat;
}
#normande a {
	width: 125px;
	height: 45px;
	overflow: hidden;
	display: block;
	text-indent: -9000em;
   background: url(../images/btn-normande.gif) 
               0px 0px no-repeat;
}
#normande a:hover {
   background: transparent url(../images/btn-normande.gif) 
               -126px 0px no-repeat;
}
#autreslaitieres {
	margin-top: 2px;
	width: 125px;
	height: 58px;
	overflow: hidden;
	display:block;
	text-indent: -9000em;
   background: url(../images/btn-laitieres.gif) 
               -125px 0px no-repeat;
}
#autreslaitieres a {
	width: 125px;
	height: 58px;
	overflow: hidden;
	display: block;
	text-indent: -9000em;
   background:  url(../images/btn-laitieres.gif) 
               0px 0px no-repeat;
}
#autreslaitieres a:hover {
   background: transparent url(../images/btn-laitieres.gif) 
               -126px 0px no-repeat;
}
#charolaise {
	margin-top: 2px;
	width: 125px;
	height: 45px;
	overflow: hidden;
	display:block;
	text-indent: -9000em;
   background: url(../images/btn-charolaise.gif) 
               -125px 0px no-repeat;
}
#charolaise a {
	width: 125px;
	height: 45px;
	overflow: hidden;
	display: block;
	text-indent: -9000em;
   background: url(../images/btn-charolaise.gif)
               0px 0px no-repeat;
}
#charolaise a:hover {
   background: transparent url(../images/btn-charolaise.gif)
               -126px 0px no-repeat;
}
#autresallaitantes {
	margin-top: 2px;
	width: 125px;
	height: 58px;
	overflow: hidden;
	display:block;
	text-indent: -9000em;
   background: url(../images/btn-allaitantes.gif)
               -125px 0px no-repeat;
}
#autresallaitantes a {
	width: 125px;
	height: 58px;
	overflow: hidden;
	display: block;
	text-indent: -9000em;
   background:  url(../images/btn-allaitantes.gif)
               0px 0px no-repeat;
}
#autresallaitantes a:hover {
   background: transparent url(../images/btn-allaitantes.gif) 
               -126px 0px no-repeat;
}
#caprins {
	margin-top: 2px;
	width: 125px;
	height: 45px;
	overflow: hidden;
	display:block;
	text-indent: -9000em;
   background: url(../images/btn-caprins.gif)
               -125px 0px no-repeat;
}
#caprins a {
	width: 125px;
	height: 45px;
	overflow: hidden;
	display: block;
	text-indent: -9000em;
   background: url(../images/btn-caprins.gif)
               0px 0px no-repeat;
}
#caprins a:hover {
   background: transparent url(../images/btn-caprins.gif)
               -126px 0px no-repeat;
}
#plan {
	margin-top: 8px;
	width: 125px;
	height: 30px;
	overflow: hidden;
	display:block;
	line-height: 2.5em;
	text-indent: 3.8em;
   background: url(../images/btn-plan.gif)
               -125px 0px no-repeat;
}
#plan a{
	width: 125px;
	height: 30px;
	overflow: hidden;
	display:block;
	text-align:left;
   background: url(../images/btn-plan.gif)
               0px 0px no-repeat;
}
#plan a:hover{
   background: url(../images/btn-plan.gif)
               -126px 0px no-repeat;
}
#mentions {
	width: 125px;
	height: 30px;
	overflow: hidden;
	display:block;
	line-height: 2.5em;
	text-indent: 1.4em;
   background: url(../images/btn-mentions.gif)
               -125px 0px no-repeat;
}
#mentions a{
	width: 125px;
	height: 30px;
	overflow: hidden;
	display:block;
	text-align:left;
   background: url(../images/btn-mentions.gif)
               0px 0px no-repeat;
}
#mentions a:hover{
   background: url(../images/btn-mentions.gif)
               -126px 0px no-repeat;
}
#accessibilite {
	width: 125px;
	height: 30px;
	overflow: hidden;
	display:block;
	line-height: 2.5em;
	text-indent: .4em;
   background: url(../images/btn-accessibilite.gif)
               -125px 0px no-repeat;
}
#accessibilite a{
	width: 125px;
	height: 30px;
	overflow: hidden;
	display:block;
	text-align:left;
   background: url(../images/btn-accessibilite.gif)
               0px 0px no-repeat;
}
#accessibilite a:hover{
   background: url(../images/btn-accessibilite.gif)
               -126px 0px no-repeat;
}
/* /////////////////////////////////////////////////////// GESTION DES STYLES ///////////////////////////////////////////////////// */

.txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	color: #012537;
}
.mentions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
}
.fil-ariane {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.fil-ariane a:link, .fil-ariane a:visited {
	text-decoration: none;
}

.fil-ariane a:hover {
	text-decoration: underline;
}

.actus {
	font-size: 0.9em;
	font-weight:bold;
	color: #EC7400;
}

.titre-actus {
	font-size: 0.9em;
	font-weight:bold;
	color: #EC7400;
	padding: 10px 0 0 25px;
}

.texte-actus {
	font-size: 0.9em;
	padding: 0 25px 0 25px;
}
.liste {
	list-style-type: square;
	list-style-position: inside;
	color:#003300;
	padding-left: 0px;
}

.liste a{
	color:#EE7900;
}


/*.ss-nav {
	font-size: 0.9em;
	margin-left:25px;
}*/

.v-align {
	vertical-align:middle;
	display: block;
}

.texte-actus a:link, .texte-actus a:visited, .texte-actus a:hover {
	text-decoration: underline;
	color: #555555;
}

.lien-actus {
	font-size: 0.8em;
	color: #FF0000;
	text-align:right;
	padding-top: 0px;
	padding-bottom: 10px;
}

.lien-actus a:hover{
	color: #FF6633;
	text-decoration: underline;
}

.lien-actus a:link, #lien-actus a:visited{
	color: #663366;
	text-decoration: underline;
}


.services, .services a:link, .services a:visited {
	text-align: right;
	padding-top: 25px;
	font-size: 0.9em;
	font-weight:bold;
	color: #218455;
}

#hauteur {
	visibility: hidden;
	clear:both;
	height: 0;
	line-height:0;
}

/* /////////////////////////////////////////////////////// GESTION DU FORMULAIRE DE CONTACT ///////////////////////////////////////////////////// */

#form_contact label {	
	float: left;	
	width: 80px;	
	text-align: right;	
	margin: 0;
	padding: 0 .6em 0 0;
	line-height: 3em;	
	color:#218855;
}
#form_contact label.oblig {
	font-weight: bold;
	color:#555555;
}
.englobe_extra { padding: 10px 0px}
#form_contact {
	width: 400px;
}
#form_contact label {
	width: 80px;
	text-align: right;
	margin-right: 10px;
	display: inline;
	float: left;
	line-height: 1.8;
}

#form_contact label.radio {
	width: auto;
	margin-left: 10px;
}

#form_contact p {
	clear:both;
}

#form_contact .boutons {
	margin-left: 100px;
	border: 1px solid #363033;
	cursor:pointer;
	padding:.3em;
	background-color: #218855;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.9em;
	width: auto;
	color:#FFFFFF;
}

.legende {
	/*position: relative;*/
	left: 20px;
	font-size: 0.8em;
}
.controle {
	margin-left: 100px;
	font-size: 0.8em;
}

.legal {
	padding-left: 80px;
}

.bouton {
	background-color:#218855;
	font-size: 0.8em;
	color:#FFFFFF;
	padding: 2px;
}

/* /////////////////////////////////////////////////////// GESTION DU PLAN DU SITE ///////////////////////////////////////////////////// */

.plan_site ul, li {
	/*margin: 0px 0px 0px 0px;*/
	padding: 0px 0px 0px 0px;
}


.blanc{
	border-left-style:solid; 
	border-bottom-style:solid; 
	border-left-width:1px; 
	border-bottom-width:1px; 
	border-color:black;
	background-color: #FFFFFF;
}
.bleu_f1{
	border-left-style:solid; 
	border-bottom-style:solid; 
	border-left-width:1px; 
	border-bottom-width:1px; 
	border-color:black;
	background-color: #1799D5;
	color:#FFFFFF;
	font-weight:bold;

}
.bleu_f2{
	border-left-style:solid; 
	border-bottom-style:solid; 
	border-left-width:1px; 
	border-bottom-width:1px; 
	border-color:black;
	background-color: #7CB7E3;

}
.bleu_f3{
	border-left-style:solid; 
	border-bottom-style:solid; 
	border-left-width:1px; 
	border-bottom-width:1px; 
	border-color:black;
	background-color: #AED0EC;

}


.vert_f1{
	border-left-style:solid; 
	border-bottom-style:solid; 
	border-left-width:1px; 
	border-bottom-width:1px; 
	border-color:black;
	background-color: #008F57;
	color:#FFFFFF;
	font-weight:bold;

}
.vert_f2{
	border-left-style:solid; 
	border-bottom-style:solid; 
	border-left-width:1px; 
	border-bottom-width:1px; 
	border-color:black;
	background-color: #B0D6C1;

}
.vert_f3{
	border-left-style:solid; 
	border-bottom-style:solid; 
	border-left-width:1px; 
	border-bottom-width:1px; 
	border-color:black;
	background-color: #61B74A;

}
.vert_f4{
	border-left-style:solid; 
	border-bottom-style:solid; 
	border-left-width:1px; 
	border-bottom-width:1px; 
	border-color:black;
	background-color: #93C97B;

}
.vert_f5{
	border-left-style:solid; 
	border-bottom-style:solid; 
	border-left-width:1px; 
	border-bottom-width:1px; 
	border-color:black;
	background-color: #B8DAA7;

}
.vert_f6{
	border-left-style:solid; 
	border-bottom-style:solid; 
	border-left-width:1px; 
	border-bottom-width:1px; 
	border-color:black;
	background-color: #D4E6CC;

}
.violet_f1{
	border-left-style:solid; 
	border-bottom-style:solid; 
	border-left-width:1px; 
	border-bottom-width:1px; 
	border-color:black;
	background-color: #B95DA0;
	color:#FFFFFF;
	font-weight:bold;
 
}
.violet_f2{
	border-left-style:solid; 
	border-bottom-style:solid; 
	border-left-width:1px; 
	border-bottom-width:1px; 
	border-color:black;
	background-color: #D8A5C6;
}
.violet_f3{
	border-left-style:solid; 
	border-bottom-style:solid; 
	border-left-width:1px; 
	border-bottom-width:1px; 
	border-color:black;
	background-color: #E8D1E3;
}
.orange_f1{
	border-left-style:solid; 
	border-bottom-style:solid; 
	border-left-width:1px; 
	border-bottom-width:1px; 
	border-color:black;
	background-color: #FA911E;
	color:#FFFFFF;
	font-weight:bold;

}
.orange_f2{
	border-left-style:solid; 
	border-bottom-style:solid; 
	border-left-width:1px; 
	border-bottom-width:1px; 
	border-color:black;
	background-color: #FEC88A;

}

.spip_bouton input {
	border: 1px solid #363033;
	cursor:pointer;
	padding:.3em;
	background-color: #218855;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.9em;
	width: auto;
	color:#FFFFFF;
}