/* Feuille de style ADDA */
body, table,td,tr,h1,h2,h3,h4,img,p,li,ul {margin:0; padding:0}
div {position:relative;}
img {border:0}
table {border-collapse:collapse;}

a {color:#06C;}
	a:active {color:#0ff;}
body {margin:0 0 0 10px; font-family:Arial, sans-serif; font-size:12px; background:#eee url(../images/bg_body.gif) repeat-x;}
h1 {margin:30px 0 30px 0; font-size:24px; color:#333}
	h1 .headingAlt {font-size:20px; color:#666}
h1 a {color:#333; text-decoration:none;}
	h1 a:hover {color:#06c; text-decoration:underline;}
	h1 a:active {color:#0ff;}
	
h2 {margin-bottom:14px; font-size:16px;}
h3 {margin-bottom:10px; font-size:14px;}
p {margin-bottom:5px; line-height:17px;}

.date, .citation, .legende {font-family:"Times New Roman", Times, serif; font-style:italic;}
.grand {font-size:140%;}
.highlight {display:inline-block; font-weight:bold; padding:2px 5px 2px 5px; border:1px #888 solid; background-color:#999; color:#fff;}
	.highlight a {color:#fff;}
.discret {color:#666; font-size:11px;}
.linkFollow{display:block; text-align:right;} 
.signature {float:left; margin-top:10px; padding-top:5px; border-top:1px #ddd solid;}

#container {float:left; width:100%; margin:0; background-color:#fff;}

/***** HEADER **********/
#header {height:80px; background:url(../images/bg_right.gif) repeat-x; margin-left:2px;}

#headerContent {width:800px;}

#headerLogo {z-index:10; top:0; left:-5px}

#headerNav {position:absolute; z-index:10; top:0; left:230px; height:40px; width:570px; background-color:#000; font-size:11px; color:#fff}
	#headerNav ul {float:right; margin:10px; text-align:right;}
	#headerNav li {display:inline; list-style:none; margin:0 0 0 10px; padding:0;}
		#headerNav li a { color:#fff; text-decoration:none;}
			#headerNav li a:hover { color:#fff; text-decoration:underline;}

#nav1 {position:absolute; z-index:10; top:40px; left:230px; height:40px; width:585px; background:#999 url(../images/bg_right_shadow_gray.gif) repeat-y 568px 0; font-size:14px; font-weight:bold;}
	#nav1 ul {float:left; height:16px; padding:12px 0 12px 10px;}
	#nav1 li {display:inline; list-style:none; padding:12px 0 12px 0; text-transform:uppercase;}
		#nav1 li:hover {background-color:#aaa;}
			#nav1 li:hover a{color:#fff;}
			#nav1 li a {padding:12px; color:#eee; text-decoration:none;}
				#nav1 li a:hover { color:#fff;}
				#nav1 li a:active { color:#0ff;}

/***** CONTENU **************/
#content {float:left; width:800px; min-height:300px; background:url(../images/bg_right_shadow_white.gif) repeat-y 800px 0; padding:0 15px 20px 0; /*border-left:1px #e8e8e8 solid;*/}

#bandeau {float:left; background-color:#000; width:800px; height:200px; margin-bottom:20px;}

#main {float:right; width:500px; padding-right:5px;}
	#main h2 {margin-top:20px; padding-top:5px; border-top:1px #ddd solid; color:#666;}
	#main h3 {margin-top:20px; padding-bottom:5px; border-bottom:1px #ddd dotted; color:#333;}
		#main h3.date {margin-top:0; padding:0; border:none;}
	#main li {margin:0 0 5px 25px; list-style-type:square}
	#main img {float:left;margin:0 20px 10px 0;}
		#main img.floatR {float:right;margin:0 0 10px 20px;}
	#main p {text-align:justify;}
		#main p img {float:none; margin:0 5px 5px 0;}
			#main p.trombino img {margin:0 8px 8px 0;}
	#main td {border-bottom:1px #eee dotted;padding:5px 0 5px 0;}
		#main td+td {padding:5px;}

#fullWidth {float:left; left:-294px; margin:10px 0 10px 0;}

ul.fileList {}
	ul.fileList li {list-style-type:none; list-style-position:0 0; padding-left:10px; } 
	li.pdf {list-style-image:url(../images/page_white_acrobat.png)}
	li.xls {list-style-image:url(../images/page_white_excel.png)}
	li.doc {list-style-image:url(../images/page_white_word.png)}
	li.img {list-style-image:url(../images/page_white_camera.png)}
	li.zip {list-style-image:url(../images/page_white_compressed.png)}

#main .right {float:right;}
	#main .right img {margin:0;}
	#main p.legende {text-align:center; font-style:italic;}

div.trombino {float:left; width:500px; height:90px; margin-bottom:10px;}
	div.trombino img {float:left; width:75px; height:75px; margin-right:25px;}
	#main div.trombino h2 {float:right; width:400px; margin:0 0 5px 0; padding:0; border:none; font-size:12px;}
	div.trombino p {float:right; width:400px; margin:0;}

/* facebook iframe
#fbBox {overflow:hidden; width:498px; height:156px; margin:50px 0 30px 0; border:1px #ccc solid; background-color:#f4f4f4;}
	#fbBox iframe {position:absolute; overflow:hidden; width:510px; height:165px; top:-5px; left:-7px; } */

.fb-like-box{margin-top:20px;}

#homeFoot {margin:20px 0;}

/***** COLONNE GAUCHE *******/
#colLeft {float:left; width:273px; }
	#colLeft img {border:1px #ddd solid; margin-bottom:10px;}

.bloc1, #nav2 {float:left; margin-bottom:10px;}
div.blocContent {width:250px; background-color:#f9f9f9; padding-top:15px; border:1px #eee solid; border-left:0}
.blocTitle h2 {margin-bottom:5px; padding:4px; color:#fff; text-transform:uppercase;}

table.bloc1 {border:0;}
	table.bloc1 td.blocShadowTop {width:269px; height:5px; background:url(../images/bloc1_shadow_top.gif) no-repeat right;}
	table.bloc1 td.blocShadowBottom {width:269px; height:9px; background:url(../images/bloc1_shadow_bottom.gif) no-repeat right;}
	table.bloc1 td.blocShadowRight {width:8px; background:url(../images/bloc1_shadow_right.gif) repeat-y;}
	table.bloc1 td.blocContent {width:260px; background-color:#f9f9f9; border:1px #fff solid;}

.bloc1 .blocTitle h2 {background-color:#0ff; color:#000;}
.bloc1 .blocDesc {padding:5px 5px 0 5px;}
	.bloc1 .blocDesc h3 {padding:2px 5px; border-top:1px #eee solid; border-left:1px #eee solid; background-color:#fff; color:#0dd;}
	.bloc1 .blocDesc p+h3 {margin-top:10px;}

#nav2 h2 {background-color:#0ff; color:#000; margin-bottom:10px; border-right:1px #0ee solid; border-bottom:1px #0ee solid;}
#nav2 ul {padding:5px;}
#nav2 li {list-style-type:none; background-color:#eee; padding:2px 5px 2px 5px; border-top:1px #f8f8f8 solid; border-bottom:1px #e8e8e8 solid;}
	#nav2 li:hover {background-color:#0ff; border-top:1px #cff solid; border-bottom:1px #0ee solid;}
		#nav2 li a {display:block; width:100%; color:#000; text-decoration:none;}
			#nav2 li a:active {color:#fff;}

#path {padding:0 5px 0 5px; font-family:Tahoma, sans-serif; font-size:10px;color:#666; text-transform:lowercase;}
	#path a {color:#666;text-decoration:none;}
		#path a:hover {color:#000;text-decoration:underline;}
		#path a:active {color:#0ff;text-decoration:underline;}


/***** FOOTER ***************/
#footer {float:left; width:100%;}
	#footerContent {width:790px; padding:10px 10px 5px 10px; background:#000 url(../images/bg_right_shadow_white.gif) repeat-y 800px 0; font-size:11px; text-align:center; color:#ccc;}

#footerBottom {float:left; width:100%; padding:8px 0 16px 0; background:#eee url(../images/bg_bottom_shadow_gray.gif) repeat-x; font-family:Tahoma, sans-serif; color:#666;}
	#footerBottom p {padding:0; margin:0; line-height:normal; font-size:10px;}
	#footerBottomDesc {float:left;width:500px;}
		p#footerBottomADDA {height:20px; border-bottom:1px #ddd solid;}
		p#footerBottomAddress {padding-top:8px; border-top:1px #fff solid;}
		
	#footerBottomRight {float:left; width:300px;}
		#networks {float:left; width:300px; height:20px; border-bottom:1px #ddd solid;}
			#networks img {float:right; margin:0}
			#networks p {float:left; width:280px; padding:0; text-align:right;}
			#networks a {color:#666; text-decoration:none;}
				#networks a:hover {color:#999; text-decoration:underline;}
		#fncta {float:right; width:300px; padding-top:8px; border-top:1px #fff solid;}
			#fncta img {float:right; margin:0}
			#fncta p {float:left; width:260px; padding:0; text-align:right;}