/*style Root*/

body, html{height: 100%;}

body{
	scrollbar-face-color:#D6D5D2;
	scrollbar-arrow-color:#766D5F;
	scrollbar-track-color:#F8F7F3;
	scrollbar-shadow-color:#C7C6C3;
	scrollbar-highlight-color:#E7E6E2;
	scrollbar-3dlight-color:#F8F7F3;
	scrollbar-darkshadow-Color:#F8F7F3;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #333300;
	margin: 0px;
	padding: 0px;
	background: url(images/static/back_div1.gif);
	/*background: #94C0D0 url(images/static/back_containerindex.gif) repeat-y; background-position:center;*/
}

a {
	text-decoration: none;
	color: #498DA7;

}
a:hover {
	text-decoration: none;
	color: #E32676;
}
img{
	border: 0;
}
p.boxText {
	padding: 8px 8px 8px 8px;
	border: 1px solid;
	border-color: #CCC;
	
}
h1#frontpage {
	margin-top:4px;
	margin-bottom:4px;
}
h1#titre {
	font-size: 18px;
	font-weight:bold;
	text-transform: uppercase;
	padding: 2px 0 4px 0;
	margin:0px;
}
h2 {
	margin:0px;
	padding: 0px;
	font-size:23px;
}
H2#Titresection {
	font-size: 18px;
	text-transform: uppercase;
	font-weight:bold;
	line-height:normal;
	
}
H2#SousTitre{
	font-size: 15px;
	font-weight:bold;
	color: #498DA7;
}
h3 {
	color:#fff;
	text-align:center;
	margin:0px;
	padding: 0px 0 3px 0;
}
h3#info {
	font-size:13px;
	color:#333300;
	margin:0px;
	padding: 0px 0 6px 0;
	margin:0px;
	text-align:right;
}
h3#info2 {
	font-size:16px;
	color: #498DA7;
	margin:0px;
	padding: 0px 0 6px 0;
}

h4 {
	color: #A71C57;
	font-variant:small-caps;
	font-weight:bold;
	font-size: 17px;
	margin-top:10px;
	margin: 12px 0px 4px 0px;
}
h4#medium {
	font-size:20px;
}
h4#sub {
	margin:8px 0 8px 0;
	color:#498DA7;
}
h5 {
	padding:0;
	margin: 0;
}



/*fonts*/

.normalFont {
	font-family: Verdana;
	font-size: 13px;
	text-decoration: none;
}
.normalFont2 {
	font-family: Verdana;
	font-size: 11px;
	color:#FFFFFF;
	text-decoration: none;
}
.normalFont3 {
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
}

.normalBleu {
	color: #498DA7;
	font-family: Verdana;
	font-size: 8.5pt;
}

.smallFont {
	font-family: Verdana;
	font-size: 7.5pt;
	text-decoration: none;
}
.smallCaps {
	font-family: Verdana;
	font-size: 6pt;
	text-decoration: none;
}
.smallBleu {
	color: #498DA7;
	font-family: Verdana;
	font-size: 7.5pt;
}
.FontPale {
	font-family: Verdana;
	font-size: 8.5pt;
	color: #766D5F;
}
.smallPale {
	font-family: Verdana;
	font-size: 8pt;
	color: #766D5F;
}
.normalRose {
	font-family: Verdana;
	font-size: 8.5pt;
	color: #A71C57;
}
.bigRose {
	font-size: 16px;
	font-weight:bold;
	padding-left: 2px;
	color:#FFFFFF;
}
.golist {
	list-style-position: outside;
	list-style-image:  url(/asp/images/go_off.gif);
	list-style-type: none;
}
.golistRose {
	list-style-position: outside;
	list-style-image:  url(/asp/images/go.gif);
	list-style-type: none;
}
.normalCaps {
	font-family: Verdana;
	font-size: 8.5pt;
	text-transform: uppercase;
}
.BIGCaps {
	font-family: Verdana;
	font-size: 10.5pt;
	text-transform: uppercase;
	line-height: 35px;
}

.smallBlanc {
	font-family: Verdana;
	font-size: 7.5pt;
	color: #FFFFFF;

}
.style1 {font-size: 12pt}
.style2 {
	font-size: 16px;
	font-weight: bold;
}

/* layout */

#header {
	/*float:left;*/
	width:930px;
	padding:0 0 15px 0;
	margin:0;
	background-image:url(images/static/back_containerindex.gif);
	background-repeat:repeat-y;
}
#headerTEMP {
	/*float:left;*/
	width:930px;
	padding:0 0 15px 0;
	margin:0;
}

#header p {
	padding:.5em 15px	.2em 15px;
	margin:0;
}
#header h1  {
	padding:.2em 15px;
	margin:0;
}
#header h2  {
	padding:.2em 15px	.7em 15px;
	margin:0;
}
#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	/*float:left;*/
	width:930px;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background-image:url(images/static/back_containerindex.gif); background-repeat:repeat-y;
	/*background:#ffd8b7;		 Left column background colour */
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:200px;
/*	background:#fff;    	*//* Centre column background colour */
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-400px;
/*	background:#ff9;*/    	/* Right column background colour */
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin:0 0 0 385px;
	overflow:hidden;
	background:url(images/static/back_div_v.gif) repeat-y;
}
#col1 {
	width:90%;
	overflow:hidden;
	
	
}
#col2 {
	float:left;
	width:170px;
	position:relative;
	margin-left:-50%;
	left:215px;
	overflow:hidden;
	
}
#col2Content {
	float:left;
	width:2px;
	position:relative;
	margin-left:-50%;
	left:215px;
	overflow:hidden;
	background-color:#093;
	
}
#col3 {
	float:left;
	width:200px;
	position:relative;
	left:-15px;
	overflow:hidden;
}
#col3Content {
	float:left;
	width:2px;
	position:relative;
	left:-15px;
	overflow:hidden;
	background-color:#CC6;	
}

#footer {
	clear:both;
	width:920px;
	padding:0;
	margin:0;
	border-top:1px solid #000;
}
#footer p {
	padding:.5em 15px;
}


/*Divs*/

.container {
	width: 980px;
	background-image: url(/images/static/back_catp.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	
}
#containerindex {
	width: 930px;
	overflow: hidden;
	background:url(images/static/back_containerindex.gif) repeat-y;
}

.centerpane {
	/*width: 467px;*/
	vertical-align: top;
	background:url(images/static/back_div_v.gif) repeat-y;
	margin: 0;
	float: left;
	padding-top: 0;
	padding-right: 10px;
	
	padding-left: 10px;
	height: auto;
}
#centerpane2 {
	width: 875px;
	position:relative;
	vertical-align: top;
	float:left;
	padding-right: 15px;
	padding-bottom: 10px;
	text-align:justify;
	margin-left: 30px;
}

.rightpane {
	/*width: 200px;
	vertical-align: top;
	float: right;
	margin-left: 10px;
	padding-right: 33px;*/
	width: 20%;
	float: right;
	background:#0F9;
}
.leftpane {
/*	width: 180px;
	vertical-align: top;
	padding: 0;
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	border: 2px solid #006;
	background-color:#036;*/
	width: 20%;
	float: left;
	background-color:#036
}


/* autres classes */

.divh{
	background-image: url(images/div_h.gif);
	background-repeat:repeat-x;
}
.divhbleu{
	background-image: url(images/div_h_bleu.gif);
	background-repeat:repeat-x;
}
.divV{
	background-image: url(images/div_v.gif);
	background-repeat:repeat-y;
}



.listdepartements {
	font-family: Verdana;
	font-size: 10pt;
	text-transform: uppercase;
	color: #498DA7;
	line-height: 20px;
	font-variant: small-caps;
	list-style-position: inside;
	list-style-image:  url(/asp/images/static/bullet2.gif);
}
.menu {
	font-family: Verdana;
	font-size: 7.5pt;
}