/* 
Main
-----------------------------------------
*/
/*
.formulaire #main {background:none;}
*/

/* 
Cols
-----------------------------------------
*/

.sommaire #main .title   { padding: 30px 30px 0;margin-bottom:15px;  }

.sommaire #main .mainCols {height:100%;}

.sommaire #main #mainColsTitle   { background-image: url("../i/commun/g.gif"); background-repeat: repeat-x; background-position: left bottom; margin: 0; padding: 0; width: 100% }
.sommaire #mainColsTitle .col1, .sommaire #mainColsTitle .col2 { padding:0; background:none }

/*
.sommaire #main #mainColsTitle .col1 { background:url(../i/commun/g.gif) repeat-x bottom; height:100px; padding:0 }
.sommaire #main #mainColsTitle .col2 { background:#fff url(../i/commun/g.gif) repeat-x bottom; height:100px }
*/
.sommaire #main          { background-image: url("../i/home/bg_colGauche.gif"); background-repeat: repeat-y; background-position: 282px 0;  }
.sommaire #mainColsContent {}
/*Modification colonne gauche 24/05/2007 */
.sommaire .mainCols .col1  { padding: 0; width: 288px; }
/*Fin modification colonne gauche 24/05/2007 */
.sommaire .mainCols .col2   { margin-left: 0; padding: 0; width: 675px; float: left; overflow: hidden }
.sommaire .mainCols .col2 .in {padding:16px 0 8px 30px} 
.sommaire .mainCols .col3  {display:none }

.sommaire #mainColsContent .col2   { margin-bottom: 24px; }


/* 
Onglets
-----------------------------------------
*/
.sommaire .onglet {position:relative; height:26px}
/* Modifs 20070607 */
.sommaire .onglet .decouvrir { position: absolute; right:0; top:-44px}
.sommaire .onglet ul {height:26px;  list-style:none; margin:0; padding:0 0 0 30px;}
.sommaire .onglet ul li { float:left;  padding:0; margin:0 4px 0 0}
.sommaire .onglet ul li a { display:block; height:26px; background:url(../i/sommaire/right.gif) top right no-repeat; float:left; height:26px; line-height:26px; font-size:12px; text-decoration:none }
.sommaire .onglet ul li a span {display:block; font-weight:bold; color:#0C8A94; padding:0 12px;  background:url(../i/sommaire/left.gif) top left no-repeat;}
/* Fin Modifs 20070607 */
.sommaire .onglet ul li.selected a, .som .onglet ul li.selected a:hover { background:url(../i/sommaire/right_.gif) top right no-repeat;}
.sommaire .onglet ul li.selected a span, .som .onglet ul li.selected a:hover span {background:url(../i/sommaire/left_.gif) top left no-repeat; color:#005B61; }

.sommaire .onglet ul li a:hover { display:block; height:26px; background:url(../i/sommaire/right_o.gif) top right no-repeat; float:left  }
.sommaire .onglet ul li a:hover span { background:url(../i/sommaire/left_o.gif) top left no-repeat; color:#fff  }


/* 
Gauche
-----------------------------------------
*/
.sommaire .mainCols .col1 p, .sommaire .mainCols .col1 li {font-size:1.1em}
.sommaire .col1 ul {margin:0; padding:0; list-style:none}
.sommaire .col1 li {margin:0; padding:0;}

.sommaire .col1 .dossiers {background:url(../i/produit/bg_dossiers.gif) repeat-y right; padding:8px 20px 8px 16px}
.sommaire .col1 .dossiers h2 {color:#fff; font-size:20px; margin:0; padding:0}
.sommaire .col1 .dossiers p {color:#fff; font-size:11px; margin:0; padding:0 0 4px}
.sommaire .col1 .dossiers ul {border-top:1px solid #911100}
.sommaire .col1 .dossiers li {border-bottom:1px solid #911100; padding:0; }
.sommaire .col1 .dossiers li a {display:block; color:#FC8A03; font-size:1.2em;  font-family:Georgia, "Times New Roman", Times, serif; background:url(../i/pictos/flch_dossiers.gif) no-repeat 240px 5px; padding:4px 10px 0 0; text-decoration:none}
.sommaire .col1 .dossiers .all {margin-top:4px}
.sommaire .col1 .dossiers li a:hover {text-decoration:underline}
.sommaire .col1 .dossiers .all a {color:#fff; font-size:11px; display:block; text-align:right;  text-decoration:underline }

/* Modifs 20070607 */
.sommaire .col1 h3 {font-size:1.4em; color:#9C9C9C; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; height:20px; width:260px;overflow:hidden}
/* Fin Modifs 20070607 */
.sommaire .col1 .com { padding:8px 0 10px 16px; border-bottom: 1px solid #bbb}
.sommaire .col1 .zlink1 {  padding:0 6px 8px }
.sommaire .col1 .zlink1 a.btFch {background-image:url(../i/bt/bt_fch_alias.gif); color:#055282}
.sommaire .col1 .zlink2  { padding: 8px 6px; border-bottom: 1px solid #bbb }
.sommaire .col1 .zlink2 a.btFch {background-image:url(../i/bt/bt_fch_back.gif);}
.sommaire .col1 .zlink1 h3, .sommaire .col1 .zlink2 h3 {padding-left:4px}
.sommaire .col1 .pratiques { padding:8px 14px 8px 16px; border-bottom: 1px solid #bbb}
.sommaire .col1 .pratiques li { margin:5px 0; font-size:11px}

.sommaire #mainColsTitle {position:relative;}
.sommaire #mainColsTitle .col1 .zlink1 {  padding:10px 0 ; position:absolute; bottom:0; left:6px;  width:282px }

.professionnels .col1 .dossiers { background:url(../i/produit/bg_dossiers_pro.gif) repeat-y right;}
.professionnels .col1 .dossiers ul  { border-top: 1px solid #009dee }
.professionnels .col1 .dossiers li  { padding: 0; border-bottom: 1px solid #009dee }
.professionnels .col1 .dossiers li a  { color: #00d9ff; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; background: url("../i/pictos/flch_dossiers.gif") no-repeat 240px 5px; display: block; padding: 2px 10px 2px 0 }

.agriculteurs .col1 .dossiers { background:url(../i/produit/bg_dossiers_agri.gif) repeat-y right;}
.agriculteurs .col1 .dossiers ul  { border-top: 1px solid #096 }
.agriculteurs .col1 .dossiers li  { padding: 0; border-bottom: 1px solid #096 }
.agriculteurs .col1 .dossiers li a  { color: #0cc; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; background: url("../i/pictos/flch_dossiers.gif") no-repeat 240px 5px; display: block; padding: 2px 10px 2px 0 }


.associations .col1 .dossiers { background:url(../i/produit/bg_dossiers_asso.gif) repeat-y right;}
.associations .col1 .dossiers ul  { border-top: 1px solid #BEADED }
.associations .col1 .dossiers li  { padding: 0; border-bottom: 1px solid #BEADED }
.associations .col1 .dossiers li a  { color: #FCB503; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; background: url("../i/pictos/flch_dossiers.gif") no-repeat 240px 5px; display: block; padding: 2px 10px 2px 0 }


/* 
Centre
-----------------------------------------
*/
/* Modifs 20070607 */
.sommaire .col2 .decouvrir { margin-bottom:12px; height:30px; width:164px; border-left:1px solid #FC7B03}
.sommaire .col2 .decouvrir a {display:block; padding:0 20px 2px 8px;}
.sommaire .col2 .decouvrir a:hover {text-decoration:underline}
/* Fin Modifs 20070607 */
/* 
Contenu
-----------------------------------------
*/
.som h2  { font-size: 1.9em; font-family: Georgia, "Times New Roman", Times, serif; margin: 20px 0 4px; padding: 2px 0; border-bottom: 1px solid #bbb }
.som h3  { margin-top: 0.6em }
.som .tg { width:472px; float:left}
.som .callback { background:url(../i/callback/bg-callback.gif) bottom left repeat-x; color:#000; height:192px; width:165px; position:relative; float:right}
.som .callbackIn {position:absolute; bottom:0;  padding:0 6px 0; }
.som .callback, .som .callback a, .som .callback p {font-size:12px; font-family:Georgia, "Times New Roman", Times, serif}
.som .callback a { color:#FC8A03; text-decoration:none}
.som .callback a:hover {text-decoration:underline}
.som .callback img {display:block; margin-bottom:6px}
.som .callback p {margin:6px 0; padding:0; height:55px } 
.mentions .som .theme li {list-style: none } 
.mentions .som .theme p.filiales {padding-top:0px; margin-top: 0px; } 

/* Layout callback 30/11/2006 ad -----*/
td .callback { background:url(../i/callback/bg-callback.gif) bottom left repeat-x; color:#000; height:192px; width:165px; position:relative; float:right}
td .callbackIn {position:absolute; bottom:0;  padding:0 6px 0; }
td .callback, td .callback a, td .callback p {font-size:12px; font-family:Georgia, "Times New Roman", Times, serif}
td .callback a { color:#FC8A03; text-decoration:none}
td .callback a:hover {text-decoration:underline}
td .callback img {display:block; margin-bottom:6px}
td .callback p {margin:6px 0; padding:0; height:55px} 

/* End ad */

.som p.chapeau {padding-top:8px}
.som .theme p.chapeau    { font-size: 1.1em; font-weight: normal; line-height: 1.4em; margin-bottom: 8px; padding-top: 3px; padding-bottom: 0 }
.som .item   { margin: 0 14px 15px 0; width: 196px; float: left }
.som .item h3, .som .item h3 a {color:#FC8A03; font-weight:bold; font-size:12px;  }
.som .item h3   { margin: 0.2em 0 0.3em }
.som .item h3 a  { text-decoration: none }
.som .item h3 a:hover {text-decoration:underline}
.som .item h3 a em  { font-style: normal; font-weight: normal }
.som .item li a  { color: #008c94; text-decoration: none }
.som .item li a:hover    { color: #fc7b03; text-decoration: none }

.som .item p {font-size:1.1em; color:#1A1A1A; padding:0; margin:0.2em 0}

.som .sepItem {clear:left; border-top:1px solid #bbb; height:1px; font-size:1px; margin:0}
.som .bannerImage {}
.som .banner     { background-image: url("../i/sommaire/interactif_t.gif"); background-repeat: no-repeat; background-position: left top; margin-bottom: 4px; clear: left; width:100% }
.som .bannerIn     { background-color: transparent; background-image: url("../i/sommaire/interactif_b.gif"); background-repeat: no-repeat; background-position: left bottom; padding: 0 10px 2px 25px }
.som .banner, .som .banner p {color:#fff }
.som .banner p {padding:0.3em 0 1em; margin:0}
.som .bannerIn p  { color: #fff; font-size: 11px; font-weight: normal; margin: 0; padding: 0 }
.som .bannerIn .colBanner   { margin-right: 0; margin-bottom: 0; margin-left: 110px; padding-top: 10px; padding-bottom: 0; width: 500px }
.som .bannerIn h4   { color: #fff; font-size: 1em; font-weight: bold; line-height: 21px;  display: block }
.som .bannerIn h4 a {color:#fff; text-decoration:none}
.som .bannerIn img.illu   { padding-right: 0; width: 100px; float: left }
.som .bannerIn img.middle   { margin-bottom: 3px; margin-left: 3px }
.som .banner span { color:#5CF6FF; font-weight:normal}

.som .pied { margin:10px 0 0; }
.som .pied .notation, .som .pied .notation_ {float:left}
.som .pied .decouvrir {float:right}

/***************** Ajout bloc Actu 31/07/2008 *****************/
.sommaire .col1 .actualite {  border-bottom: 1px solid #bbb; padding:8px 14px 8px 16px }
.sommaire .col1 .actualite h2 { color:#850722; font-size:20px; margin:0; padding:0; line-height:18px}
.sommaire .col1 .actualite p { color:#6B6B6B; font-size:11px; margin:0; padding:0 0 4px 0; }
.sommaire .col1 .actualite li a:hover {text-decoration:underline;}
.sommaire .col1 .actualite li a {
	color:#008C94;
	display:block;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.2em;
	padding:0px 10px 0 0;
	text-decoration:none;
	background-color: transparent;
	background-image: url(../i/pictos/f_dossier2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom:5px
}
.sommaire .col1 .actualite .all { color:#bbb; text-align:right; padding-top:2px  }
.sommaire .col1 .actualite .all a { color:#FC8A03; font-size:11px; text-decoration:none; padding-top:3px; }
.sommaire .col1 .actualite .all a:hover { text-decoration:underline }
.sommaire .col1 .actualite li span.dateArt {color:#bbb; font-size:10px}
.sommaire .col1 .actualite li span.themeArt {color:#FC8A03; font-size:11px}
.sommaire .col1 .actualite li a.zoom { font-size:16px }
.sommaire .col1 .actualite li { border-bottom:1px dotted #00B6BD; padding:0; padding-top:3px }
.sommaire .col1 .actualite li .imgactu { float:left; padding-right:5px; padding-bottom:3px }
/***************** Fin ajout bloc Actu 31/07/2008 *****************/