/* CSS Document */
@import url(navigation_elements.css);

* {
	margin:0;
	padding:0;
	}
	
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:100%;
	background: #E8E8E8;
	}
	

#page {
	width:970px;
	margin:5px auto 30px auto;
	background:#FFFFFF;
	}
/* ***************  banner ************ */
#banner {
	width:970px;
	background:url(images/structure/banner.jpg) no-repeat;
	}
#banner  a#accueil {
	display:block;
	width:970px;
	height:140px;
	}
	#banner  a#accueil span {
		position:absolute;
		top:-5000px;
		left:-5000px;
		display:none;
		}



/* ***************  wrapper ************ */
#wrapper #introduction {
	width:970px;
	/*background:  #66CC99;*/
	padding:20px 0;
	}
.unecolonne #wrapper #main {
	width:970px;
	/*background: #FDFDFD;*/
	}
.deuxcolonnes #wrapper #main {
	float:left;
	/*width:760px;*/
	width:641px; /* maj le 110502*/	
	/*background: #FDFDFD;*/
	}
.deuxcolonnes #wrapper #coldroite {
	float:right;
	/*width:190px;*/
	width:316px; /* maj le 110502*/	
	background:  #EAEAEA;
	background:  #FFF;
	padding: 0  00px 10px 5px; 
	border-left: 1px dashed #666666;
	}

/* ***************  footer ************ */
#footer {
	width:970px;
	height:23px;
	clear:both;
	background:#fff;
	}
#footer ul {
	list-style-type:none;
	margin-left:10px;
	}
	
#footer ul li {
	float:left;
	margin-right:20px;
	font-size:0.65em;
	margin-top:4px;
	}

/* ***************  typographie ************ */
h1,h2,h3,h4,h5,h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;	
	}

#introduction h1 {
	font-size:1.6em;
	margin:0 10px 15px 10px;
	text-align:center;
	}
h1 a.gotop {
	display:block;
	position:relative;
	left:0;
	width:120px;
	color:#fff;
	font-size:9px;
	text-decoration:underline;
	}
	h1 a.gotop:hover {
		text-decoration:none;
		}


#main h1 {
	background:#999999 none repeat scroll 0 0;
	background:url(images/structure/fond-titre-970x32.jpg) repeat;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1.6em;
	margin-top:0px;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	font-weight:normal;
	color: #FFF;
	}	
#coldroite h1 {
	background:#999999 none repeat scroll 0 0;
	background:url(images/structure/fond-titre-970x32.jpg) repeat;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1.4em;
	margin-top:00px;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	font-weight:normal;
	color: #FFF;
	height:32px;
	}
h2 {
	font-size:1.4em;
	font-weight:normal;
	margin:0 10px;
	}
	#introduction h2 {
		font-size:1.5em;
		margin:5px 10px;
		}
	#main h2 {
		color:#000000;
		font-size:1.4em;
		font-weight: normal;
		margin: 0 10px ;
		border-top:2px dotted #EEE ;
		line-height:40px;
		}
		.unecolonne #main h2 {
			margin: 10px 135px 10px 135px ;
		}
h3 {
	font-size:1.2em;
	margin:0 10px;
	font-weight: normal;
	}
	.unecolonne #main h3 {
		margin:0 135px;
	}
h4 {
	font-size:1.1em;
	margin:0 10px;
	font-weight: normal;
	}	
	.unecolonne #main h4 {
		margin:0 135px;
	}

h5 {
	font-size:1.15em;
	margin:0 10px;
	font-weight:normal;
	}	
	.unecolonne #main h5 {
		margin:0 135px;
	}

h6 {
	font-size:1.1em;
	margin:0 10px;
	}

#main h6 {
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.9em;
	font-style:italic;
	margin:0 135px;
	}
p {
	margin:3px 10px;
	}
	.unecolonne #main p {
		margin:3px 135px;
		/*text-align:justify;*/
	}
	.unecolonne #main p img {
	}


/*.unecolonne #main p.retrait230 {
	text-indent:-40px;
	margin-left:230px;
	}
.retrait80 {
	text-indent:-80px;
	margin-left:80px;
	}
.retrait60 {
	text-indent:-60px;
	margin-left:60px;
	}
.retrait40 {
	text-indent:-40px;
	margin-left:40px;
	}*/
	
.green {color: #009900}

.petit {
	font-size:0.8em;
	font-weight:normal;
	}
.droite {
		text-align:right!important;
	}
.centre {
		text-align:center;
	}
img.centre {
		display:block;
		margin:0 auto;
}

.lettrine {
	float:left;
	padding-right:10px;
	}

.legendephoto  {
	font-size:9px;
	font-style:italic;
	font-weight:normal;
	text-align:center;
	}

.deuxcolonnes #wrapper #coldroite p {
	font-size:0.9em;
	}


a , a:visited {
	color:#666666;
	text-decoration:underline;
	}
a:hover {
	text-decoration:none;
	}
a:active {
	color:#666666;
	text-decoration:underline;
	}

a.bouton {
	background:transparent url(images/link/www-60x18.jpg) no-repeat scroll 0 0;
	display:block;
	font-style:italic;
	font-weight:bold;
	height:18px;
	margin-left:15px;
	padding:0px 0 0 6px;
	text-decoration:none;
	width:60px;
	font-size:0.85em;
}
a.bouton:hover {
	background:transparent url(images/hover/www-60x18.jpg) no-repeat scroll 0 0;
	}
	
#wrapper ul,#wrapper ol {
	margin-left:30px;
	}
	
.sous-titre-sommaire {
	font-weight:bold;
	color:#333;
	font-size:1.2em;
	font-style:italic;
}
.sous-titre-sommaire:hover {
		color:#FF0000;
}
.sous-titre-sommaire:visited {
		color:#333;
}
.margegauchedroite {
	padding:0 100px;
}