html
	{
	height:100%;
	}

body
	{
	height:100%;
	_height:600px;
	min-height:500px;
	background:url(images/commun/ciel.jpg) repeat-x 0 0;
	margin:0;
	font-family:Verdana, arial, helvetica, sans-serif;
	font-size:80%;
	_font-size:12px;
	}
	
/*
html {_overflow: visible;}
body {_overflow: auto;}	
*/	
	
ul
	{
	list-style:none;
	padding:0;
	}	
	
img
	{
	border:none;
	}	
	
h1
	{
	font-size:100%;
	}	
	
h2
	{
	font-size:90%;
	margin:8px 0 30px;
	text-align:center;
	}
		
a	
	{
	text-decoration:none;
	outline:none;
	}

a:hover {text-decoration:underline overline;}		

fieldset {border:none;}

textarea, input, select
	{
	border-left:3px solid #848484;
	border-top:3px solid #848484;
	min-width:230px;
	_width:230px;
	}

.button
	{
	background-color:white;
	border-top:3px solid #eee;
	border-right:3px solid #848484;
	border-bottom:3px solid #848484;
	border-left:3px solid #eee;
	font-weight:bold;
	font-size:85%;
	min-width:0;
	width:auto;
	padding:0 10px;
	cursor:pointer;
	}

.logoClient
	{
	background:url(images/commun/logo-ciel.jpg) no-repeat center 0;
	width:130px;
	height:100px;
	display:block;
	float:left;
	}	

.logoClient:hover
	{
	background:url(images/commun/logo-ciel-over.jpg) no-repeat center 0;
	}

.logoClient span
	{
	display:none;
	}
	
.bandeau
	{
	height:100px;
	}	
	
.titreRub h1
	{	
	height:80px;
	margin:0;
	padding:20px 0 0;
	text-align:center;
	}	
	
.footer
	{
	clear:both;
	background:url(images/commun/champ-colza.jpg) repeat-x 0 0;
	padding-top:50px;
	text-align:center;
	width:100%;
	height:20px;
	}	
	
.footer .footerContenu
	{
	display:inline;
	}	
	
.footer .btn_modifier_page
	{
	background:#FFFFFF none;
	border:1px dashed gray;
	display:inline;
	float:right;
	margin:0 15px 5px 0;
	opacity:0.9;
	padding:2px;
	height:14px;
	}	
	
.footer a
	{
	color:#444;
	text-decoration:none;
	}
	
.footer a:hover
	{
	text-decoration:underline overline;
	}		
	
.logoFredon
	{
	display:block;
	height:26px;
	background:url(images/accueil/texte-sous-logo.jpg) no-repeat center 0;
	}	
	
.logoFeuille
	{
	display:block;
	height:102px;
	background:url(images/accueil/feuille-logo-brut.jpg) no-repeat center 0;
	}
	
.feuille1 {background:url(images/accueil/feuille-logo-brut.jpg) no-repeat center 0;}
.feuille2 {background:url(images/accueil/feuille-presentation.jpg) no-repeat center 0;}
.feuille3 {background:url(images/accueil/feuille-service-public.jpg) no-repeat center 0;}
.feuille4 {background:url(images/accueil/feuille-luttes-collectives.jpg) no-repeat center 0;}
.feuille5 {background:url(images/accueil/feuille-environnement.jpg) no-repeat center 0;}
.feuille6 {background:url(images/accueil/feuille-experimentation.jpg) no-repeat center 0;}
.feuille7 {background:url(images/accueil/feuille-labo.jpg) no-repeat center 0;}
.feuille8 {background:url(images/accueil/feuille-conseil-formation.jpg) no-repeat center 0;}
.feuille9 {background:url(images/accueil/feuille-federations-departe.jpg) no-repeat center 0;}
.feuille10 {background:url(images/accueil/feuille-contact.jpg) no-repeat center 0;}	
	
/*** Spécificité page accueil ***/		
	
.home .colG
	{
	width:500px;
	float:right;
	}	
	
.home .centre
	{
	width:300px;
	padding-top:20px;
	}	
	
.home .page
	{
	background-color:white;
	position:relative;
	top:50%;
	width:800px;
	height:250px;
	margin:-150px auto 0;
	z-index:10;
	}	
	
.home .article
	{
	text-align:center;
	font-size:85%;
	border:none;
	padding:0;
	}	
	
.home .article h1, .home .bandeau
	{
	display:none;
	}

.home .footer
	{
	bottom:0;
	position:absolute;
	}

.home .menu1 li a
	{
	text-transform:none;
	font-size:85%;
	}

.home .Btn_6 {margin-left:210px;}
.home .Btn_13 {margin-left:205px;}
.home .Btn_21 {margin-left:195px;}
.home .Btn_26 {margin-left:180px;}
.home .Btn_27 {margin-left:160px;}
.home .Btn_28 {margin-left:135px;}
.home .Btn_29 {margin-left:105px;}
.home .Btn_30 {margin-left:70px;}
.home .Btn_4 {margin-left:30px;}

/*** spécificités plan ***/

 .pagePlan .centre
 	{
 	padding-left:70px;
	padding-top:90px;
 	}

/*** Pages intérieures ***/

.colG
	{
	float:left;
	width:17%;
	}	

.corps
	{
	float:left;
	width:83%;
	}

.centre
	{
	float:left;
	width:70%;
	}

.centre100prct
	{
	width:100% !important;
	}
	
.centre100prct .contenuArticle
	{
	text-align:center;
	}	

.colD
	{
	float:left;
	width:29%;
	_width:27%;
	}
	
.article
	{
	border-left:4px solid #cccccc;
	border-right:4px solid #cccccc;
	padding: 0 40px;
	}	

.article h1
	{
	padding:15px 0 10px;
	text-align:center;
	margin:0;
	}	

.article p
	{
	margin-top:0;
	text-align:justify;
	}

.article hr
	{
	margin:20px 0;
	}

.article ul, .enum ul
	{
	list-style:disc outside;
	padding-left:40px;
	margin:0;
	text-align:justify;
	}

.article ul ul, .enum ul ul
	{
	list-style-type:circle;
	}

.contenuArticle, .contenuEnum {padding-bottom:1px;}

.divContact
	{
	border-left:4px solid #cccccc;
	border-right:4px solid #cccccc;
	padding: 20px 40px;
	}

.enum
	{
	/*border-left:4px solid #cccccc;
	border-right:4px solid #cccccc;
	padding: 0 40px;*/
	clear:both;
	}

.enum .item
	{
	padding-top:10px;
	}

.zoneImage
	{
	}
	
.zoneImage .item
	{
	padding:0 20px 20px
	}		
	
.zoneImage a
	{
	clear:both;
	float:left;
	width:100%;
	margin-bottom:10px;
	text-align:center;
	}	

.zoneImage hr
	{
	width:80%;
	}

.zoneImage img
	{
	clear:both;
	}

.descImage
	{
	font-size:80%;
	clear:both;
	display:inline;
	margin-bottom:10px;
	}

/*** Menu 1 ***/
	
.menu1 ul {margin:0;}
	
.menu1 li
	{
	/* hack ie6 */ 
	_border:1px solid white;
	}	
	
.menu1 li a
	{
	background:url(images/commun/bouton.jpg) no-repeat 0 center;
	color:#000000;
	display:block;
	font-size:80%;
	text-decoration:none;
	padding:7px 0 7px 25px;
	text-transform:uppercase;
	
	}
	
.menu1 li a:hover
	{
	background:url(images/commun/bouton-over.jpg) no-repeat 0 center;
	color:#009900;
	text-decoration :underline overline;
	}
	
/*** Menu 3 ***/

.menu3 {display:inline;}

.menu3 ul
	{
	display:inline;
	margin:0;
	}

.menu3 li
	{
	display:inline;
	padding:0 15px;
	}
	
/*** formulaire de contact ***/

#formContact
	{
	font-weight:bold;
	}
	
.form-line
	{
	clear:both;
	padding:10px 0;
	text-align:center;
	overflow:hidden;
	}	
	
.div50L
	{
	float:left;
	margin-right:5%;
	width:44%;
	text-align:right;
	}

.div50R
	{
	float:right;
	width:49%;
	text-align:left;
	}