/*===================================================*/
/*===================================================*/
/* Tools */
/*===================================================*/
/*===================================================*/
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/*===================================================*/
/* clearing */
/*===================================================*/
.stretch, .clear {
	clear:both; 
	height:1px; 
	margin:0; 
	padding:0; 
	font-size: 15px;
	line-height: 1px;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

/*===================================================*/
/* replace */
/*===================================================*/
.replace {
	display:block;
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
}

.replace * {
	text-indent: -10000px;
	display:block;
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
}

.replace a {
	text-indent:0;
}

.replace a span {
	text-indent:-10000px;
}

.haut {
	font-size: 80%;
	text-align: right;
}
.haut a {
	background: url('images/icone_haut.gif') top right no-repeat;
/*	display: block;*/
	padding: 2px 15px 0 0;
	color: #82B3D4;
}




/*===================================================*/
/*===================================================*/
/* Structure */
/*===================================================*/
/*===================================================*/

div {
	font-size: 1em;
}

/*===================================================*/
/* Pagewrapper */
/*===================================================*/
	div#pagewrapper {
		border: 1px solid #73AFE5;
		background: #fff url('images/fond_page.jpg') top left repeat-y;
		margin: 0 auto;
		max-width: 1030px;
		min-width: 780px;
		padding: 0;
		text-align: left;
	}


/*===================================================*/
/* Header */
/*===================================================*/
	div#header {
		color: #fff;
		margin: 0;
		padding: 0;
		height: 152px;
		text-align: left;
		background: #0975D7 url('images/bandeau_bleu_page.jpg')  no-repeat;
		border: 5px solid #fff;
		border-bottom: none;
	}
	div#header h1{
		width: 238px;
		float:left;
	}
	div#header h1 a {
		background: url('images/logo.jpg')  no-repeat;
		display: block;
		height: 100px;
		text-indent: -700em;
		width: 207px;
		margin: 19px 0 0 10px;
		padding: 0;
	}

	div#search{
		float:right;
		background-color: transparent;
		border: none;
		margin: 5px 5px 0 0;
	}
	div#search form{
		background: none;
		border: none;
		margin: 0;
		padding: 0;
	}
	div#search input{
		border: 1px solid #00529B;
		margin: 0;
		padding: 0;
	}
	div#search input[type=submit]{
		border: 1px solid #00529B;
		background-color: #D2E5F4;
		color: #00529B;
	}
	div#search a:link, div#search a:hover, div#search a:visited, div#search a:active{
		color: #fff;
		font-size: .8em;
		line-height: .7em;
	}

/*===================================================*/
/* Footer */
/*===================================================*/
	div#footer {
		margin: 0;
		padding: 1.2em 0 0 0;
		color: #fff;
		background: #fff url('images/fond_pied_page.jpg') top left no-repeat;
		border: 5px solid #fff;
		border-top: none;
	}
	div#footer a, 	div#footer a:link 	div#footer a:active, div#footer a:visited {
		color: #fff;
	}
	div#footer p {
		font-size: 0.8em;
		margin: 0;
		padding: 1px;
		text-align: center;
	}
	/*pour IE7*/
	*+html div#footer {
		background-position : 5px top;
	}
	span.type{display:none}
/*===================================================*/
/* Content */
/*===================================================*/
	div#content {
		position: relative;
		height: 100%;
		margin: 0 auto 2em 0;
		padding: 20px 0 0 0;
		text-align: left;
		background: url('images/haut_contenu.jpg') top left no-repeat;
	}
	
/*===================================================*/
/* classes */
/*===================================================*/
	div.breadcrumbs {
		color: #fff;
		font-size: 85%;
		margin: 0 0 0 0;
		padding: 15px 0 5px 10px;
		background: #fff url('images/baseline.jpg') top left no-repeat; 
	}
	div.breadcrumbs a:link, div.breadcrumbs a:visited {
		color:#fff;
	}
	div.breadcrumbs a:hover, div.breadcrumbs a:active {
	}
	div.flags {
		float: right;
		width: 18px;
		padding: 1em 0;
		text-align: right;
		margin: 0 1em 0 0;
	}

	div.left49 {
		color: #888;
		font-size: 85%;
		float: left;
		width: 79%;
	}

	div.right49 {
		color: #888;
		font-size: 85%;
		float: right;
		width: 19%;
		text-align: right;
	}

/*===================================================*/
/* Menu vertical */
/*===================================================*/


div#menu_vert {
	float: left;
	width: 220px;
	display: inline;
}
	
#menu_vert {
/*	position: relative;
	bottom: 2em;*/
	margin: 0 0 0 0;
	padding: 0;
}

#menu_vert ul {
	margin: 0;
	padding: 0;
	width: 100%; /* Width of Menu Items */
	/*background: #ececec;*/
}

#menu_vert li {
	list-style: none;
	width: 100%;
	background: url('images/bas_menu_v.jpg') 0 bottom no-repeat;
	margin: 0;
}

#menu_vert li a {
	display: block;
	text-decoration: none;
	padding: 2px 0px 15px 5px;
	color: #888;
}

#menu_vert li li{
	background: url('images/puce_menu_v.gif') 12px .5em no-repeat;
	padding: 0px 0px 5px 5px;
	font-size: 98%;
}

/* Fix IE. Hide from IE Mac \*/
* html #menu_vert li { float: left; height: 1%; }
* html #menu_vert li a { height: 1%; }
/* End */

div#menu_vert ul ul li a, div#menu_vert ul ul li a:link, div#menu_vert ul ul li a:visited  {
	display: block;
	padding: 3px 5px 3px 25px;
	border: none;
	font-size: 90%;
}

div#menu_vert ul ul  {
	border-right: none;
	border-top: none;
	padding-bottom: 5px;
}

div#menu_vert ul ul ul li a, div#menu_vert ul ul ul li a:link, div#menu_vert ul ul ul li a:visited  {
	padding-left: 40px;
}

div#menu_vert ul ul ul  {
}

#menu_vert li ul li a { padding: 5px 5px; } /* Sub Menu Styles */

/* fixed image flicker by adding .cssmenu-vertical ul */
#menu_vert li a:hover {
	font-weight: bold;
	color: #53C800;
}

.current{
	list-style-type: square;
	display: inline;
	background-color: #abb0b6;
}

#menu_vert li.activeparent a{
   font-weight: bold;
	color: #53C800;
}

#menu_vert li.activeparent li a{
   font-weight: normal;
	color: #888;
}

#menu_vert li.active01 h3 {
	display: block;
	text-decoration: none;
	margin: 0;
	font-weight: bold;
	padding: 2px 0px 15px 5px;
	color: #53C800;
	font-size: 100%;

}

#menu_vert ul ul li.active01 h3 {
	display: block;
	text-decoration: none;
	padding: 2px 5px 3px 25px;
	color: #53C800;
	margin: 0;
	font-weight: bold;
	font-size: 90%;
}

#menu_vert li.active02 h3{
	display: block;
	padding: 3px 5px 3px 25px;
	font-size: 90%;
	font-weight: bold;
	color: #53C800;
	margin: 0;
}

#menu_vert li.active03 h3{
	display: block;
	padding: 3px 5px 3px 40px;
	font-size: 90%;
	font-weight: bold;
	color: #53C800;
	margin: 0;
}

li.sectionheader {
	margin: 0;
	margin-right: -1px;
}

li.sectionheader h3 {
	margin: 0;
	padding: 1em 10px 0.5em 10px;
	border: none;
	background-color: #fff;
	z-index: 90;
}


li.separator {
	height: 1px;
	padding: 0.5em 0;
	margin: 0;
	width: 100%;
}




/*===================================================*/
/* Menu horizontal */
/*===================================================*/

* html div#menu_horiz {
	/* hide ie/mac \*/
	/*height: 1%;*/
	/* end hide */
}

div#menu_horiz {
	position: absolute;
	top: 121px;
	/*max-width: 1030px;
	min-width: 780px;
width: auto;*/
	width: 800px;
	text-align: left;
	height: 65px; 
	overflow: hidden; 
	float: left;
}

div#menu_horiz a, div#menu_horiz a:link, div#menu_horiz a:active, div#menu_horiz a:visited {
	
}


div#menu_horiz ul {
	list-style: none; 
	margin: 0px; 
	padding: 0px;
}

div#menu_horiz li {
	float: left;
	height: 65px;
	padding: 0 0 0 5px;
	background: url('images/fond_menu_h_li.jpg') top left no-repeat;
}
div#menu_horiz li a {
	color: #59D600;
	font-weight: bold;
	background: url('images/fond_menu_h.jpg') top right no-repeat;
	display: block;
	margin: 0px; 
	padding: 0px 10px 5px 5px;
	text-decoration: none;
	line-height: 65px;
}
div#menu_horiz li a:hover {
		color: #E20287;
}

div#menu_horiz .activeparent {
	color: #E20287;
}
div#menu_horiz li.activeparent, div#menu_horiz li.active01 {
	background: url('images/fond_menu_h_li.jpg') left -65px no-repeat;
}

div#menu_horiz .current a, div#menu_horiz .current a:link, div#menu_horiz .current a:active, div#menu_horiz .current a:visited, div#menu_horiz .current a:hover,
div#menu_horiz .activeparent a, div#menu_horiz .activeparent a:link, div#menu_horiz .activeparent a:active, div#menu_horiz .activeparent a:visited, div#menu_horiz .activeparent a:hover {
	color: #E20287;
	background: url('images/fond_menu_h.jpg') right -65px no-repeat;
}

div#menu_horiz li.active01 h3 {
	color: #E20287;
	background: url('images/fond_menu_h.jpg') right -65px no-repeat;
	font-weight: bold;
	display: block;
	margin: 0px; 
	padding: 0px 10px 5px 5px;
	text-decoration: none;
	line-height: 65px;
	font-size: 1em;
}

#menu_horiz li.active02 h3 {
	display: block;
	text-decoration: none;
	padding: 5px 5px 5px 10px;
	font-weight: normal;
	color: #18507C;
	margin: 0;
	font-size: 1em;
	background-color: #abb0b6;
}

#menu_horiz li.active03 h3{
	display: block;
	padding: 3px 5px 3px 25px;
	border-bottom: none;
	font-size: 90%;
	font-weight: bold;
	color: #18507C;
	margin: 0;
}
#wrapper{
	margin: 0 0 0 250px;
	padding: 0 0 0px 0;
}

/*===================================================*/
/*===================================================*/
/* General */
/*===================================================*/
/*===================================================*/
body {
	behavior:url('style/csshover.htc');
	
	background: url('images/fond.png') #fff repeat-x;
	color: #333;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80.01%;
	line-height: 1em;
	margin: 0;
	padding: 1em;
	text-align: center;
}

img {
	border: 0;
}

q {
	quotes : none;
	font-weight: bold;
}


/*===================================================*/
/* Texte */
/*===================================================*/
p {
	font-size: 1em;
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height:1.4em;
}

blockquote {
	border-left: 10px solid #ddd;
	margin-left: 10px;
}

pre {
	font-family: monospace;
	font-size: 1.0em;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style:italic;
}

code {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	white-space: pre;
}

abbr, acronym, .help {
 border-bottom: 1px dotted #333;
 cursor: help;
 }

/*===================================================*/
/* liens */
/*===================================================*/	
a,	a:link a:active, a:visited {
	color: #006ED0;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

.pdf {
	padding-right: 20px;
	background:  url('images/icone_pdf.gif') top right no-repeat;
}

.pps {
	padding-right: 20px;
	background:  url('images/icone_pps.gif') top right no-repeat;
}

.mail {
	padding-right: 20px;
	background:  url('images/icone_mail.gif') top right no-repeat;
}

.plus {
	padding-right: 20px;
	background:  url('images/icone_fiche_complete.gif') top right no-repeat;
}

.web {
	padding-right: 20px;
	background:  url('images/icone_internet.gif') top right no-repeat;
}


/*===================================================*/
/* titre */
/*===================================================*/	
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color: #000;
}

h1 {
	font-size: 2.5em;
	line-height: 1em;
}


h3 {
	font-size: 1.5em;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
	color: #0975D7;
	clear: both;
}

h4 {
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
	color: #3296EB;
}

h5 {
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}

h6 {
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}

/*===================================================*/
/* liste */
/*===================================================*/	
ol {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
	padding: 0;
}

ol li {
	font-size: 1.0em;
	margin: 0 0 0.25em 30px;
	padding: 0;
}

dl {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height: 1.4em;
}

dl dt {
	font-weight: bold;
	margin: 0.25em 0 0.25em 0;
	padding: 0;
}

dl dd {
	margin: 0 0 0 30px;
	padding: 0;
}



/*===================================================*/
/* tableau */
/*===================================================*/	
table {
	font-size: 1em;
	margin: 0 0 1.5em 0;
	padding: 0;
}

table caption {
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 1.5em 0;
}

th {
	font-weight: bold;
	text-align: left;
	padding: .3em;
}

thead tr th {
	text-align: center;
	color: #82B3D4;
}

td {
	font-size: 1em;
	padding: .3em;
}

.clair {
	background-color: #EDF6FE;
}

.fonce {
	background-color: #CBE5FE;
}

.chiffre {
	text-align: right;
}

tr.clair:hover, tr.fonce:hover{
	background-color: #82B3D4;	
}

/*===================================================*/
/* hr */
/*===================================================*/	
hr {
	display: none;
}

div.hr {
	height: 1px;
	margin: 1em 10px;
	border-bottom: 1px dotted black;
}




/*===================================================*/
/* Accessibilité */
/*===================================================*/

span.accesskey {
   	text-decoration:none;
}

.accessibility {
   	position: absolute;
   	top: -999em;
   	left: -999em;
}

dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

/*===================================================*/
/* modif Content */
/*===================================================*/
	div#content {
		background: url('images/haut_contenu_accueil.jpg') top left no-repeat;
	}
/*===================================================*/
/* Main */
/*===================================================*/
	div#main {
/*		position: relative;
		bottom: 2em;*/
		float: left;
		width: 505px;
		display: inline;
		padding: 0 0 0 0;
		margin:  0 0 0 245px;
		min-height: 400px;
	}
	
	/*hack pour IE uniquement.*/
	* html #main {
		height: 400px;
	}
	*+html div#main {
		margin: 0 0 0 25px;
	}
	div#main h2 {
		/*	position: absolute;
		top: -5em;*/
		font-size: 1.8em;
		line-height: 1.5em;
		margin:  0 0 1em 0;
		letter-spacing: -1px;
		color: #E20287;
		text-align: center;
		background: url('images/ligne_titre_page.gif') left 1.3em no-repeat;
	}
	div#main ul {
		line-height:1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
		list-style: none;
	}

	div#main ul li {
		margin: 0 0 0.25em .7em;
		padding: 0 0 0 15px;
		background: url(images/puces.gif) 0 .5em no-repeat;
	}

/*===================================================*/
/* container */
/*===================================================*/
	div#container {
	}

/*===================================================*/
/* resume */
/*===================================================*/

	div#resume {
	border-top: 1px solid #FFA;
	border-bottom: 1px solid #FFA;
	background-color: #FFd;
	padding: 1em .5em 0 .5em;
	margin-bottom: 1em;
}

/*===================================================*/
/* attention */
/*===================================================*/

	div.attention {
	border-top: 1px solid #FFAAC2;
	border-bottom: 1px solid #FFAAC2;
	padding: 1em .5em 0 45px;;
	margin-bottom: 1em;
	background: #FFDDE7 url('images/icone_attention.gif') 5px 5px no-repeat;
	font-weight: bold;
}

/*===================================================*/
/* contacter */
/*===================================================*/

	div#contacter {
	border-top: 1px solid #AABCFF;
	border-bottom: 1px solid #AABCFF;
	padding: 1em .5em 0 45px;;
	margin-bottom: 1em;
	background: #DDE5FF url('images/icone_ampoule.jpg') 5px 5px no-repeat;
}

/*===================================================*/
/* sub */
/*===================================================*/

	div#sub {
	}

/*===================================================*/
/* raison */
/*===================================================*/

	h3.raison {
		font-size: 1.2em;
		text-align: center;
		padding: 30px 0 8px 0;
		margin-top: 2em;
	}
	h3.raison_01 {
		background: url('images/raison_01.jpg') bottom center no-repeat;
	}
	h3.raison_02 {
		background: url('images/raison_02.jpg') bottom center no-repeat;
	}
	h3.raison_03 {
		background: url('images/raison_03.jpg') bottom center no-repeat;
	}
	h3.raison_04 {
		background: url('images/raison_04.jpg') bottom center no-repeat;
	}
	h3.raison_05 {
		background: url('images/raison_05.jpg') bottom center no-repeat;
	}
	h3.raison_06 {
		background: url('images/raison_06.jpg') bottom center no-repeat;
	}
	h3.raison_07 {
		background: url('images/raison_07.jpg') bottom center no-repeat;
	}
	h3.raison_08 {
		background: url('images/raison_08.jpg') bottom center no-repeat;
	}
	h3.raison_09 {
		background: url('images/raison_09.jpg') bottom center no-repeat;
	}
	h3.raison_10 {
		background: url('images/raison_10.jpg') bottom center no-repeat;
	}
/*===================================================*/
/* choisir */
/*===================================================*/
	div.choisir {
		padding-left: 80px;
		height : 80px;
		margin-bottom: 1.5em	}
	div#choisir_10 {
		background: url('images/choisir_10.jpg') top left no-repeat;
	}
	div#choisir_demarche {
		background: url('images/choisir_demarche.jpg') top left no-repeat;
	}
	div#choisir_visite {
		background: url('images/choisir_visite.jpg') top left no-repeat;
	}
	div#choisir_ancien {
		background: url('images/choisir_ancien.jpg') top left no-repeat;
	}
/*===================================================*/
/* formation */
/*===================================================*/
	div.formation {
		float: left;
		padding: 10px 0 0 80px;
		height : 80px;
		margin-bottom: 1.5em;
		width: 170px;
	}
		
	div.FQ_vente_force {
		background: url('images/FQ_vente_force.jpg') top left no-repeat;
	}
	div.FQ_vente_mag {
		background: url('images/FQ_vente_mag.jpg') top left no-repeat;
	}
	div.FQ_tap {
		background: url('images/FQ_tap.jpg') top left no-repeat;
	}
	div.FQ_maro {
		background: url('images/FQ_maro.jpg') top left no-repeat;
	}
	div.FQ_cordo {
		background: url('images/FQ_cordo.jpg') top left no-repeat;
	}
	div.FQ_horti_pays {
		background: url('images/FQ_horti_pays.jpg') top left no-repeat;
	}
	div.FQ_horti_prod {
		background: url('images/FQ_horti_prod.jpg') top left no-repeat;
	}
	div.FQ_vcj {
		background: url('images/FQ_vcj.jpg') top left no-repeat;
	}	
	
/*===================================================*/
/* pratique */
/*===================================================*/
	div#pratique {
		text-align: right;
		margin-bottom: 3em;
	}
	div#pratique ul {
		list-style: none;
		font-size: 85%;
		margin: 0;
		padding: 35px 0 0 0;
	}		
	div#pratique ul li {
		padding: 0 20px 2px 0;
	}		
	div#pratique li.fiche_pdf{
		background: url('images/icone_pdf.gif') right top no-repeat;
	}
	div#pratique li.fiche_complete{
		background: url('images/icone_fiche_complete.gif') right top no-repeat;
	}
	div#pratique li.prochaine_entree{
		background: url('images/icone_entree.gif') right top no-repeat;
	}
	div#pratique li.fiche_resume{
		background: url('images/icone_fiche_resume.gif') right top no-repeat;
	}



/*===================================================*/
/* News */
/*===================================================*/

#news{
	z-index: 100;
	position:absolute;
	top: 526px;
	background: url('images/fond_actu.jpg') #fff no-repeat;
	height: 161px;
	width: 180px;
	color: #DE0185;
	margin-left: 11px;
	padding: 13px 10px 10px 10px;
}
#news h2 a{
	display: block;
	width:163px;
	height: 19px;
	text-indent: -999px;
}
#news h2 a:link, #news h2 a:visited{
	background: url('images/titre_actu.jpg') top left no-repeat;
}
#news h2 a:hover, #news h2 a:active{
	background: url('images/titre_actu.jpg') bottom left no-repeat;
}
/* IE 6, IE 7 */
* html #news{
	margin-left: -227px;
}
*+html #news{
	margin-left: -227px;
}
.NewsSummaryPostdate{
	font-size: .8em;
	margin-top: 5px;
}
#NewsPostDetailAuthor{
	text-align: right;
	font-style: italic;
}
#NewsPostDetailDate{
	font-style: italic;
}
#NewsPostDetailDate{
	margin-bottom: 1em;
}
#rss{
	margin: 10px 0 0 0;
}