@charset "utf-8";
/* CSS Document */

html{

}
body {
background-image:url(../images/fond.jpg);
background-position:0 0;
background-repeat:repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #072846;
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
	min-width:925px;

}

.stabilisateur {height:1px;clear:both;overflow:hidden;}
.spacer {width:1px;clear:both;overflow:hidden;}

#bg {
	width:925px;
	margin:left;
}
#bgbottom {
background-image:url(../images/bas.jpg);
background-repeat:repeat-y;
background-position:-1px 0;

}
#conteneur {
	width:925px;
	margin:0px auto;
	position:relative;
	height:auto;
	}
	
.logo {
background-image: url(../images/8655_index_01.jpg);
background-position:0 0;
background-repeat:no-repeat;
width:188px;
height:237px;
float: left;
}
.arbo {
background-image: url(../images/8655_index_02.jpg);
background-position:0 0;
background-repeat:no-repeat; 
	width:468px;
	height:44px;
	float:left;
}

.lettre {
background-image:url(../images/8655_index_03.jpg);
background-position:0 0;
background-repeat:no-repeat;
	width:269px;
	height:44px;
	float:left;
}
.increase {
margin-left:146px;
margin-top:17px;
}

.increase a{
color:#bed3e7;
display:inline;
text-decoration:none;
}

.entete {
background-image:url(../images/8655_index_04.jpg);
background-position:0 0;
background-repeat:no-repeat;
width:737px;
height:152px;
float:left;
}

.titre {
background-image:url(../images/8655_index_05.jpg);
background-position:0 0;
background-repeat:no-repeat;
	width:468px;
	height:41px;
	float:left;
}

.bulle {
background-image: url(../images/8655_index_06.jpg);
background-position:0 0;
background-repeat:no-repeat;
	width:269px;
	height:263px;
	float:left;
}

.colmenu{
background-image:url(../images/8655_index_07.jpg);
background-position:0 0;
background-repeat:no-repeat;
	width:50px;
	height:563px;
	margin-top:-222px;
	float:left;
}

.grandmenu {
background-image:url(../images/8655_index_08.jpg);
background-position:0 0;
background-repeat:no-repeat;
	width:137px;
	height:563px;
	margin-top:-222px;
	float:left;
}


.contenu{
background-image:url(../images/8655_index_09.jpg);
background-position:0 0;
background-repeat:no-repeat;
	width:468px;
	height:auto;
	margin-top:-222px;
	float:left;
}

.photo{
	width:269px;
	height:341px;
	float:left;
}

.textemission{width:415px;height:562px;margin-left:42px;text-align:justify;line-height:17px;}
.texteprincipes{width:415px;height:900px;margin-left:42px;text-align:justify;line-height:17px;}
.textehistorique{width:415px;height:900px;margin-left:42px;text-align:justify; line-height:17px;}
.texteservices{width:415px;height:600px;margin-left:42px;text-align:justify; line-height:17px;}
.texteseance{width:415px;height:600px;margin-left:42px;text-align:justify; line-height:17px;}
.texteplanifier{width:415px;height:800px;margin-left:42px;text-align:justify; line-height:17px;}
.texteequipe{width:415px;height:400px;margin-left:42px;text-align:justify; line-height:17px;}
.textedroit{width:415px;height:1450px;margin-left:42px;text-align:justify; line-height:17px;}
.textedemarche{width:415px;height:290px;margin-left:42px;text-align:justify; line-height:17px;}
.textepkoi{width:415px;height:500px;margin-left:42px;text-align:justify; line-height:17px;}
.texteplainte{width:415px;height:1550px;margin-left:42px;text-align:justify; line-height:17px;}
.textecheminement{width:415px;height:400px;margin-left:42px;text-align:justify; line-height:17px;}
.textefoire{width:415px;height:1300px;margin-left:42px;text-align:justify; line-height:17px;}
.textemembre{width:415px;height:600px;margin-left:42px;text-align:justify; line-height:17px;}
.texteplan{width:415px;height:600px;margin-left:42px;text-align:justify; line-height:17px;}
.texteorganismes{width:415px;height:700px;margin-left:42px;text-align:justify; line-height:17px;}
.textecaap{width:415px;height:900px;margin-left:42px;text-align:justify; line-height:17px;}
.textejoindre{width:415px;height:1000px;margin-left:42px;text-align:justify; line-height:17px;}
.texteaccueil{width:415px;height:900px;margin-top:75px;text-align:justify; line-height:17px;}



h1{
	color:#FFFFFF;
	font-size:16px;
	display:inline;

}

h2{
	color: #072846;
	font-size:17px;
	display:inline;

}

h3{
	color: #072846;
	font-size:14px;
	font-style:bold;
	display:inline;

}

h4{
	color: #00976c;
	font-size:12px;
	font-style: italic;
	text-align:left;
	display:inline;

}


h5{
	color: #666666;
	font-size:10px;
	text-align:left;
	display:inline;
}
h6{
	color: #660066;
	font-size:11px;
	text-align:left;
	display:inline;
}

.textemission a{color: #ca2128;font-size:11px;text-align:left;display:inline;}
.textemission a:hover{color:#00976c;font-size:11px;text-align:left;display:inline;}

.texteprincipes a{color: #ca2128;font-size:11px;text-align:left;display:inline;}
.texteprincipes a:hover{color:#00976c;font-size:11px;text-align:left;display:inline;}

.texteplan a{color: #072846;font-size:12px;text-align:left;display:inline; text-decoration:none;}
.texteplan a:hover{color:#00976c;font-size:12px;text-align:left;display:inline; text-decoration:none;}

.textefoire a{color: #ca2128;font-size:11px;text-align:left;display:inline;}
.textefoire a:hover{color:#00976c;font-size:11px;text-align:left;display:inline;}

.textedemarche a{color: #ca2128;font-size:11px;text-align:left;display:inline;}
.textedemarche a:hover{color:#00976c;font-size:11px;text-align:left;display:inline;}

.texteorganismes a{color: #ca2128;font-size:11px;text-align:left;display:inline;}
.texteorganismes a:hover{color:#00976c;font-size:11px;text-align:left;display:inline;}

.textecaap a{color: #ca2128;font-size:11px;text-align:left;display:inline;}
.textecaap a:hover{color:#00976c;font-size:11px;text-align:left;display:inline;}

.textedroit a{color: #ca2128;font-size:11px;text-align:left;display:inline;}
.textedroit a:hover{color:#00976c;font-size:11px;text-align:left;display:inline;}

.texteplainte a{color: #ca2128;font-size:11px;text-align:left;display:inline;}
.texteplainte a:hover{color:#00976c;font-size:11px;text-align:left;display:inline;}

.textejoindre a{color: #ca2128;font-size:11px;text-align:left;display:inline;}
.textejoindre a:hover{color:#00976c;font-size:11px;text-align:left;display:inline;}



/****************************MENU DEROULANT****************************/
.menu {
z-index:1000;
font-size:12px;
color:#89bded;
position:absolute;
line-height:50px;
text-align:right;
margin:55px 0 0px 0px; /* this page only */
}

* html .menu {
font-size:12px;
color:#89bded;
vertical-align:top;
text-align:right;
margin:55px 0 0px 0px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:137px;
}


/* hack for IE5.5 */
* html .menu ul {
padding:0;
margin-left:-5px;
list-style-type:none;
width:125px; 
position:fixed;
float:left;
height:25px;
}

/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background:#89bded;
height:51px;
}

/* hack for IE5.5 */
* html .menu li {
background:#89bded;
height:51px;

}

.sub li{
color:#FFFFFF;}


/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
*.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:50px;
line-height:11px;
vertical-align: bottom;
width:137px;
color:#072846;
text-indent:5px;
border:1px solid #072846;
border-width:0 1px 1px 0;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background: #89bded; width:137px; w\idth:136px;}
/* style the link hover */
* html .menu a:hover {color:#bed3e7; background:#072846;}

.menu :hover > a {
color:#bed3e7; 
background:#072846;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:137px; 
color:#009933;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}*/