@import url(layout.css);
@import url(effets.css);

/* ESPACE POUR TEST */


body {

	background : url(./images/background.jpg) repeat;

}

#page {
	background: url(./images/fondContenu.png) repeat-y;
}

#contenu{
	background : url(./images/basSpiral.jpg) 310px 0 no-repeat;
}


#bas{
		background : url(./images/fondBas.jpg) no-repeat;
}
#bas p{
	width : 401px;
}

/* Fond */
#haut{
}


#nav{
	background: url(./images/Banniere3.jpg) 0 0 no-repeat;
	padding-top: 120px;
}
#fondPage{
	background: url(./images/basFond.png) 0 0 no-repeat;

}

/* POLICE / Marges */

/* Style par defaut : */
body {
	font-family: Verdana, Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;	
	font-size: 0.8em;
	font-weight: normal;
	color : #333;
}

/* Titres : */
h2
{
	font-size: 1em;
}

/* Lien :*/
a{
	text-decoration: none;
	color: #006ED7;
}

a:visited{
	text-decoration: none;
	color: #006ED7;
}

a:hover{
	text-decoration: underline;
	color: #006ED7;
}

pre{
}


#bas a{
	text-decoration: none;
	color: #006ED7;
}

#bas a:visited{
	text-decoration: none;
	color: #006ED7;
}



/* HATOM : Style des articles/brèves. */

.hfeed {

}	

.baseline {
	background-color : #FFAA88;
}
	
.hentry {

	padding : 0 10px 0 10px;

}

/* Titres : */

h1{
	font-size : 1.5em;
	text-shadow: grey 5px 3px 5px;
	border-bottom-style: dotted;
	border-bottom-color: #690;
	border-bottom-width : 1px;
}

h2{
	font-size: 1em;
}
h3 {
	font-size: 0.9em;
	font-style : normal;
	font-weight : bold;

	padding-left : 20px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	border-bottom-width : 1px;
}
h4 {
	color : #000;
	font-size: 0.8em;
	font-weight : bold;
}
h5 {
	padding-left : 20px;

	color : #000;
	font-size: 0.8em;
	font-weight : bold;
	font-style: italic;
}

h6 {
	padding-left : 20px;

	color : #000;
	font-size: 0.8em;
	font-weight : bold;
	font-style: italic;
}

/* Mise en page */
.headline {
	padding-left : 3em;
	border-style : solid;
	border-width:1px;
	border-color:#AAA;
	color : #690;
	text-shadow: grey 5px 2px 4px;
	font-size: 1.1em;
}


strong{
	color : #000;
	font-size: 0.9em;
	font-weight : bold;
}

.chapitre {
	background: url('images/quote_e90.png') 0 2em no-repeat;
	margin-top: 3em;
	border-left-style: solid;
	border-left-color: #AAA;
	border-left-width : 1px;
}

.chapitre table {
	margin-left : 1em;
	border: thin solid #000 !important ;
	border-collapse: collapse;
}
.chapitre td, .chapitre th {
	border: thin solid #AAA;
}


/* titre */
.headline {

	font-size : 1.2em;

}

.info {
	margin-top : -15px;
	float : right;
	margin-right : 80px;

	margin-left : 210px;
	font-size : 0.7em;
	font-style : italic;
}

address {

}

.author {


}

.content {
	margin-left : 20px;
	text-align:justify;
}


/* AUTRES STYLES */
.recherche input{
	margin-right : 30px;
}


.subcat{
	color : #FA5;
	overflow : hidden;
}

.subcat ul{
 padding-left : 5px;
 padding-top : 0px;
 margin-top:0px;
	margin-left:0px;
	display : block;
}

.subcat li {
	list-style: none             /* Aucuns glyphes devant les items de liste */
}

.subcat li a{
	text-decoration : none;
	color : white;
}

.subcat li a:hover{
	text-decoration : underline;
	color : white;
}

.subcat li a:visited{
	text-decoration : none;
	color : white;
}

/*----------------

	Emploi/formation

*/
#cat10 {

	top : 175px;
	margin-left : 90px;
	
	height : 170px;
	width : 180px;

	position : absolute;


}

#cat11 {
	top : 15px;
	margin-left : 50px;

	height : 140px;
	width : 180px;
	
	position : absolute;

}

#cat12 {
	top : 5px;
	margin-left : 240px;

	height : 150px;
	width : 220px;
	position : absolute;
}

#cat30 {
	top : 170px;
	margin-left : 280px;

	height : 150px;
	width : 190px;
	position : absolute;

}


.Emploi_Formation #contenupage{

	background : url(./images/emploi.jpg) 40px 0px no-repeat;
	width : 492px;
	height : 380px;
	display : block;
	bottom : 0px;
	visibility: visible;
}


/*----------------

	Economie
	
*/

#cat13 {
	top : 25px;
	margin-left : 55px;

	height : 140px;
	width : 180px;
	position : absolute;
}

#cat16 {
	top : 175px;
	margin-left : 80px;

	height : 160px;
	width : 200px;
	position : absolute;
}

#cat14 {
	top : 5px;
	margin-left : 250px;

	height : 130px;
	width : 230px;
	position : absolute;
}


#cat15 {
	top : 135px;
	margin-left : 260px;

	height : 65px;
	width : 220px;
	position : absolute;
}

#cat31 {
	top : 200px;
	margin-left : 300px;

	height : 150px;
	width : 170px;
	position : absolute;

}

.Economie #contenupage {

	background : url(./images/economie.jpg) 40px 0px no-repeat;
	width : 551px;
	height : 380px;
	display : block;
	bottom : 0px;
	visibility: visible;
}



/*----------------

	Services
	
*/

#cat17 {
	top : 15px;
	margin-left : 65px;

	height : 110px;
	width : 155px;
	position : absolute;
}

#cat18 {
	top : 130px;
	margin-left : 75px;

	height : 160px;
	width : 200px;
	position : absolute;
}

#cat19 {
	top : 20px;
	margin-left : 230px;

	height : 130px;
	width : 230px;
	position : absolute;
}


#cat20 {
	top : 245px;
	margin-left : 65px;

	height : 110px;
	width : 220px;
	position : absolute;
}


#cat21 {
	top : 115px;
	margin-left : 255px;

	height : 100px;
	width : 200px;
	position : absolute;
}


#cat22 {
	top : 230px;
	margin-left : 285px;

	height : 80px;
	width : 220px;
	position : absolute;
}

.Services #contenupage {

	background : url(./images/services.jpg) 40px 0px no-repeat;
	width : 481px;
	height : 380px;
	display : block;
	bottom : 0px;
	visibility: visible;
}


#bas {
	color : #888;
	background-color : #eee;
	
	border-top-style: dotted;
	border-top-color: #888;
	border-top-width : 1px;
	font-size : 0.9em;
	text-align : center;
}

area {
	border : 1px solid;
}

#carte {
	width : 441px;
	height : 420px;
	background : url(./image/cantal.gif) no-repeat;	
}


.subcatlism{
	margin-top : 10px;
	list-style-type: none;
}
.nodeco{
	list-style-type: none;
}

.subcatlism a{
	color: #000;
}
.nodeco a{
	color: #555;
}