/* GENERAL */

html, body {
	margin: 0;
	padding: 0
}
body {
	color: gray;
	background: url(fond.jpg) repeat-x #3B9FE7;
	font-family: Verdana, Helvetica, arial, sans-serif, courier;
	font-size: 11px;
}
input, textarea, select {
	/*border-color: #DCDCDC #C1C1C1 #696969 #DCDCDC;
		border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	border-style : solid;
	border-width : 1px;*/
	FONT-SIZE: 10px
}
img {
	border-color: silver
}
A:link, A:active, A:visited, A:hover {TEXT-DECORATION: none}
A:link, A:active, A:visited {COLOR: #000}
A:hover {COLOR: #DC0000}

H1, .titrezp {COLOR: #D7182A; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none; MARGIN: 0 0 18px 0; display: block}
H2, H3 {COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; MARGIN: 0; display: inline}

.content 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica}
.option 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 9px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.ttpti		{BACKGROUND: none; COLOR: #666666; FONT-SIZE: 9px; FONT-WEIGHT: normal; FONT-FAMILY: sans-serif, Verdana, Helvetica; TEXT-DECORATION: none}

.btchrome {BACKGROUND-COLOR:#DC0000;font-weight: bold;color: #F3F3F3; cursor:pointer; border: 1px solid #212121}
.boiteadm {color:black;BACKGROUND-COLOR: #FF3A3A}

hr{
	border: 0;
	width: 94%;
	margin: 0 auto 0 auto;
	display: block;
	color: #ABABAB;
	background-color: #ABABAB;
	height: 1px;
}

.clr {clear: both}
.centre {text-align: center}


/* La page */

div#page {
	width: 1004px;
	margin-right: auto;
	margin-left: auto
}
div#decal {
	width: 1001px;
	background: url(corps_bas.png) no-repeat 6px bottom;
	padding-right: 3px;
	padding-bottom: 12px;
	
}
div#anim {
	width: 1001px;
	height: 210px;
	/*background: url(bann_flash.jpg) no-repeat #D0020D*/
	background-color: #172EA2;
}



div#texte {
	width: 995px;
	margin-left: 6px;
	background: url(corps_ctr.png) repeat-y #fff
}
div#haut {
	height: 200px;
	padding: 0 8px 0 8px;
	background: url(corps_haut.jpg) no-repeat;
	text-align: left
}
html>body div#haut {
	height: auto;
	min-height: 200px
}
#baspage {
	clear: both;
	PADDING: 8px 0 0 0;
	COLOR: #535353;
	text-align: center
}



/* menu haut */
#divmenu {
}
#divmenu ul {
	float: left;
	height: 12px;
	display: block;
	margin: 0 0 0 336px;
	padding: 0
}
#divmenu ul li {
	float: left;
	display: block;
	margin-left: 2px;
	list-style: none;
	width: 82px;
	height: 12px;
	text-align: center
}
#divmenu ul li a {
	color: #E6E6E8;
	display: block;
	text-decoration: none;
	font-size: 8px;
	font-weight: normal;
	height: 9px;
	width: 72px;
	padding: 3px 5px 0px 5px
}

/* drapeaux langages */
img.drplg_on, img.drplg_off {
	float: right;
	display: block;
	margin-right: 10px;
	width: 18px;
	height: 12px
}
img.drplg_on {
	border: 1px solid #535353;
	filter: alpha (opacity =40);
	opacity: 0.4;
	-moz-opacity: 0.4
}
img.drplg_off {
	border: 1px solid black;
}


#doc {
	clear: both;
	padding: 14px 0 0 0
}



/* Les blocks de la colonne de gauche */

div#colonne .blk_tt {
	border: 1px solid #AEA9A9;
	text-align: center;
	PADDING: 4px;
	MARGIN: 4px 0 4px 0;
	COLOR: #6A8AA7;
	FONT-WEIGHT: bold;
}

div#colonne .blk {
	padding-top: 10px;
	TEXT-ALIGN: left;
	MARGIN: 0px 12px 25px 4px
}
div#colonne .blk A, div#colonne .blk b {
	PADDING: 5px 0px 5px 12px;
	DISPLAY: block;
	MARGIN: 1px 0 0 0;
	COLOR: #5d5d5d;
	BORDER-BOTTOM: 1px solid #ebebeb;
	text-decoration: none
}
div#colonne .blk A, div#colonne .blk A:link, div#colonne .blk A:visited {
	COLOR: #5d5d5d;
}
div#colonne .blk A:hover {
	COLOR: #4258A5;
	BACKGROUND-COLOR: #eeeeee
}
div#colonne .blk A:active {
	COLOR: #ffffff;
	BACKGROUND-COLOR: #e4e4e4
}
div#colonne .blk b {
	COLOR: #6A8AA7;
	FONT-WEIGHT: bold
}

/* les encarts */
.cadre {
	border: 1px solid #CCC;
	text-align: left;
	padding: 12px
}
.cadre_acc {/* pas de border pour la page d'accueil */
	text-align: left;
	padding: 12px
}



.acctt{
	text-align: left;
	color: #D7182A;
	font-family: arial, Verdana, Helvetica, sans-serif, courier;
	font-size: 19px;
}

#coupscoeur {
	float: left;
	background: url(cc_ctr.png) repeat-y;
	width: 618px
}
#coupscoeur #ccht {
	background: url(cc_titre_fr.png) no-repeat;
	padding: 12px 0 0 50px;
	height: 44px
}
#coupscoeur #ccctr {
	width: 590px;
	margin: 0 2px;
	height: 156px;
	padding: 0 12px 0 12px;
	overflow-x : auto;
	overflow-y : hidden;
	/*overflow: auto;*/
	scrollbar-face-color: #F7F7F7;
	scrollbar-shadow-color: #D0D0D0;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #99999E;
	scrollbar-darkshadow-color: #999999;
	scrollbar-track-color: #F4F4F4;
	scrollbar-arrow-color: #9DBAC5;
}
#coupscoeur #ccbs {
	clear: both;
	background: url(cc_bas.png) no-repeat;
	height: 29px
}

#carteorpi {
	float: right
}

/* colonnes page accueil */
#rechimmo, #alune{
	width: 340px
}
#rechimmo TD {
	padding: 2px 4px
}


/* lectures */
#lect_tt {
	float: left;
	display: block;
	margin: 0 0 40px 32px;
}
#col_lect {
	float: right;
	text-align:right;
	width: 284px;
	display: block;
	margin: 0 40px 0 0;
}
#lect_depl {
	display: block;
}
#lect_depliant {
	display: block;
	margin: 80px 22px 0 0;
}

ul#lct_list, ul#lct_list li, ul#lct_list li a {
	display: block;
	font-weight: bold;
}
ul#lct_list {
	LIST-STYLE-TYPE: none;
	width: 560px;
	margin: 0 0 0 54px;
	padding: 0;
	float: left;
	border: 2px solid #C9C9C9
}
ul#lct_list li {
	LIST-STYLE-TYPE: none;
	margin: 0;
	width: 516px;
	BORDER-BOTTOM: 1px solid #fff;
	padding: 6px 12px 6px 32px;
	BACKGROUND: #E9E8F5 url(plct.png) no-repeat 12px 8px;
}
ul#lct_list li a:hover {
	text-decoration: underline;
}


/* contact */
#divcont {
	display: block;
	margin: 0;
	padding: 8px 320px 8px 50px;
	BACKGROUND: url(picto_contact.jpg) no-repeat right bottom;
}





