/* CSS Document */

/* gris (cadres) : #e5e5e5 (textes)#646464 - rouge : #c20d20 */

html, body {margin: 0; background:url(../images/commun/bg-bandeau.jpg) repeat-x; font:normal 12px Arial, Helvetica, sans-serif; color:#000;}
#conteneur {width: 932px; height: 600px; left: 50%; top: 0; position: absolute; margin-left: -466px; background: #FFF url(../images/commun/bg_center.jpg) repeat-x;}
#logo {width:366px; height:44px; left:35px; top:70px; position:absolute;}
#Slideshow {width:850px; height:120px; left:21px; top:18px; position:relative; border:#E5E5E5 solid 1px;}

#menu_top {width:892px; height:22px; left:20px; top:135px; position:absolute; background:#E5E5E5;}
	#menu_top a {font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
	#menu_top a:hover {text-decoration:underline;}
	#menu_top a.rouge {font-weight:bold; color:#c20d20;}
	#menu_top table {margin-left:5px;}
	
#picto {width:106px; height:98px; right:56px; top:58px; position:absolute;}	

.ssMenu {width:150px; height:22px; position:absolute; background:#E5E5E5; border:solid 1px #FFF; visibility:hidden; z-index:100;}
	
#main {width:890px; left:20px; top:162px; position:absolute; border:#E5E5E5 solid 1px;}
	#main h1 a {font:normal 18px Arial, Helvetica, sans-serif; color:#c20d20; padding:26px 0 0 0;}
	#main p {font:normal 12px Arial, Helvetica, sans-serif; color:#646464; margin-left:20px;}
	#main a {font:normal 12px Arial, Helvetica, sans-serif; color:#646464; text-decoration:none;}
	#main a:hover {text-decoration:underline;}
	#main ul {list-style-image: url(../images/commun/puce-inf-rouge.gif); margin-left:30px;}
	#main li {font:normal 12px Arial, Helvetica, sans-serif; color:#646464;}
	#main ul.double {list-style-image: url(../images/commun/puce-inf-rouge.gif);}
	#main li.uncinq {font:normal 14px  Arial, Helvetica, sans-serif; color:#646464; margin-bottom:7px;} /* hauteur de ligne 1,5 */
	#main li.double {font:normal 12px  Arial, Helvetica, sans-serif; color:#646464; margin-bottom:15px;} /* hauteur de ligne double */
	#main li.themes {font:normal 16px  Arial, Helvetica, sans-serif; color:#646464; padding-left:0; margin-bottom:15px;}
	
	#main table {width:850px; margin-left:20px; border:0;}
		#main table.devis {width:850px; margin-left:20px; border:0; background-color:#fafafa}
		#main th.devis {background-color:#ddd; border-bottom:solid 10px #eee; text-align:left; padding-left:10px; color:#c20d20;}
		
		#main table.cas_pratiques{width:850px; margin-left:20px; margin-bottom:20px; border:solid 1px #CCC; color:#646464;}/*cas pratiques */
		#main table.cas_pratiques th {background-color:#ddd; text-align:left; padding:5px 0 5px 10px; color:#c20d20;}
		#main table.cas_pratiques td {background-color:#eee; text-align:left; padding-left:10px;}
	
	#main fieldset {width:830px; margin-left:20px; color:#646464; border:1px solid #e5e5e5;}
	#main fieldset table {width:inherit; margin:0;}
	
	#main ul.ssliste {list-style:disc; margin-left:0px;}
	
	#main ul.green {list-style-image: url(../images/puce_green.gif); margin-left:0px;}
	#main ul.pink {list-style-image: url(../images/puce_pink.gif); margin-left:0px;}
	#main ul.orange {list-style-image: url(../images/puce_orange.gif); margin-left:0px;}
	#main ul.blue {list-style-image: url(../images/puce_blue.gif); margin-left:0px;}
	#main ul.red {list-style-image: url(../images/puce_red.gif); margin-left:0px;}
	#main ul.yellow {list-style-image: url(../images/puce_yellow.gif); margin-left:0px;}
	#main ul.cyan {list-style-image: url(../images/puce_cyan.gif); margin-left:0px;}
	#main ul.black {list-style-image: url(../images/puce_black.gif); margin-left:0px;}


h1 {font:normal 18px Arial, Helvetica, sans-serif; color:#c20d20; padding:26px 0 0 20px;}
h2 {font:normal 14px Arial, Helvetica, sans-serif; color:#646464; padding:0 30px 0 30px;}
.big {font-size:16px;}
h2.green {color:#2FA623; font-weight:bold;}
h2.pink {color:#D31579; font-weight:bold;}
h2.orange {color:#EF6502; font-weight:bold;}
h2.blue {color:#2557AE; font-weight:bold;}
h2.red {color:#DF1521; font-weight:bold;}
h2.yellow {color:#FADA01; font-weight:bold;}
h2.black {color:#000; font-weight:bold;}
h2.cyan {color:#3DB2FB; font-weight:bold;}
p {padding:0 34px 0 34px;}
strong.rouge {color:#c20d20; font:bold 14px Arial, Helvetica, sans-serif;}

#signature {width: 100%; height: 10px; position: absolute; bottom:-20px; font:normal 10px Arial, Helvetica, sans-serif; color:#AAA; text-align:center;}
	#signature a {font:normal 10px Arial, Helvetica, sans-serif; text-decoration:none; color:#AAA;}
	#signature a:hover {font:10px normal Arial, Helvetica, sans-serif; text-decoration:underline; color:#AAA;}
	

	
/* home */
/*#bannerBottom {width:100%; height:115px; position:relative; top:15px;}*/
.bannerBottom {width:100%; height:115px; margin-bottom:20px; /*position:absolute; bottom:40px;*/}
	.bannerBottom p {font:normal 12px Arial, Helvetica, sans-serif; color:#646464; padding-left:0px;}
	.bannerBottom table {border:0; width:100%;}
	.bannerBottom td {}
	.bannerBottom td.banner {border:solid 1px #e5e5e5; height:118px; text-align:center;}
	.bannerBottom img {border:0;}
	.bannerBottom h1 {font:normal 16px Arial, Helvetica, sans-serif; margin:5px; padding:5px 0 5px 0; color:#c20d20;}

#bannerzoom {width:229px; position:absolute; bottom:12px; right:16px;}
	#bannerzoom p {font:normal 12px Arial, Helvetica, sans-serif; color:#646464; padding-left:0px;}
	#bannerzoom table {border:0; width:100%; margin:0; padding:0;}
	#bannerzoom td {border:#E5E5E5 solid 1px;}
	#bannerzoom td.banner {border:solid 1px #e5e5e5; height:118px; text-align:center;}
	#bannerzoom img {border:0; margin-bottom:10px;}
	#bannerzoom h1 {font:normal 16px Arial, Helvetica, sans-serif; margin:5px; padding:5px; color:#c20d20;}
	#bannerzoom td.cas h1 {font:normal 14px Arial, Helvetica, sans-serif; margin:3px; padding:3px; color:#fff; background:#c20d20; text-align:center;}
	#bannerzoom td.cas ul {list-style-image: url(../images/commun/puce-inf-rouge.gif); padding-left:20px;}
	#bannerzoom td.cas li {padding-left:0px;}
	
.themes_general {font:normal 16px  Arial, Helvetica, sans-serif; color:#646464; padding-left:0; margin-bottom:15px;}
.themes_detail{font-size:12px; margin-left:20px;}
.big {font-size:16px;} /* pour les titres des pages statiques */

/* pages de cas */
	#filArianne { left:5px; top:5px; position:absolute;font:normal 9px Arial, Helvetica, sans-serif; color:#AAA;}
		#filArianne a {font:normal 9px Arial, Helvetica, sans-serif; color:#AAA; margin:3px 3px 0 0;}

/* contact */
#map {top:150px; right:21px; position:absolute; }