/*********************************************************************************************************/
/* CSS REALISE PAR KTP CONCEPT ( S.B.) // 05/02/2007 *****************************************************/
/*********************************************************************************************************/
/*********************************************************************************************************/
/* ELEMENTS BASIQUES DE LA PAGE */
/*********************************************************************************************************/
html {
margin:0;
padding:0;
height:100%;
text-align:center;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin:0;
padding:0;
background:#D7E7F4 url(../fond/fond.jpg) repeat-x top;
background-attachment:fixed;
text-align:center;
}

* {
margin:0;
padding:0;
}

/* ELEMENTS DE PLACEMENTS DE LA PAGE */
/*********************************************************************************************************/
#pagecontainer {
width:870px;
height:auto;
margin-left:auto;
margin-right:auto;
}

#page[id] {
width:860px;
height:auto;
background:transparent url(../fond/flou.png) repeat-y;
float:left;
filter:none;
}

#page {
width:860px;
height:auto;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/flou.png', sizingMethod='scale');
float:left;
}

#gauche[id] {
width:200px;
height:auto;
background-color:#fff;
float:left;
margin-left:4px;
}

#gauche {
width:200px;
height:auto;
background-color:#fff;
float:left;
margin-left:2px;
}

#centre {
width:450px;
height:auto;
background:#fff url(../fond/fond_centre.jpg) repeat-y;
float:left;
}

#centre2 {
width:650px;
height:auto;
background:#fff;
float:left;
}

#droite {
width:200px;
height:auto;
background-color:#F6F6F6;
float:left;
}

h1 {
display:block;
width:200px;
height:170px;
background:#fff url(../fond/logo.jpg) no-repeat;
text-indent:-9999px;
}

.leftblue {
width:200px;
height:41px;
background-image:url(../fond/top_blue_left.jpg);
}

.bottomblue {
width:200px;
height:41px;
background-image:url(../fond/bottom_blue_left.jpg);
}


.bottomblue2{
width:200px;
height:41px;
background-image:url(../fond/bottom_blue_left2.jpg);
}
.bottomvert {
width:200px;
height:44px;
background-image:url(../fond/bottom_vert_left.jpg);
}

.intro_blue {
width:200px;
padding-top:10px;
font-size:1.1em;
text-align:left;
line-height:1.8em;
height:auto;
color:#fff;
background-color:#AC0B1A;
}

.menu_blue {
width:200px;

font-size:1.1em;
text-align:left;
line-height:1.8em;
height:auto;
color:#fff;
background-color:#AC0B1A;
}


.menu_blue ul{

width:200px;
list-style:none;
}



.menu_blue ul li a{
display:block;
padding-left:10px;
width:190px;
height:30px;
border-bottom:1px solid #FF8A8A;
line-height:3em;
color:#F6C0C4;
text-decoration:none;
}


.menu_blue ul li a:hover{
display:block;
padding-left:10px;
width:190px;
height:30px;
border-bottom:1px solid #EFBDC4;
line-height:3em;
color:#fff;
background:transparent url(../fond/menubluehover.jpg) repeat-x;
}

.menu_blue ul li.selected a{
display:block;
padding-left:10px;
width:190px;
height:30px;
border-bottom:1px solid #EFBDC4;
line-height:3em;
color:#fff;
background:transparent url(../fond/menubluehover.jpg) repeat-x;
}


.billet {
width:180px;
padding:10px;
font-size:1.1em;
text-align:left;
line-height:1.8em;
height:auto;
color:#333;
background-color:#5585A9;
}

.billet a{ text-decoration:none; color:#222;}

.omap {
width:180px;
padding:10px;
font-size:1.1em;
text-align:left;
line-height:1.8em;
height:auto;
color:#fff;
text-align:center;
background-color:#fff;
color:#555;
}

.omap a{
color:#222; text-decoration:none;}
.omap a:hover{
color:#222; text-decoration:underline;}

#banniere {
float:left;
width:450px;
height:120px;
background:#fff url(../fond/banniere.jpg) no-repeat;
}

#menu {
float:left;
margin-left:0;
top:120px;
width:450px;
height:50px;
background:#fff url(../fond/menu.jpg) no-repeat;
}

#menu ul {
float:left;
width:450px;
list-style:none;
}

#menu[id] ul li {
width:90px;
float:left;
list-style:none;
display:block;
background:transparent url(../fond/menu1.png) no-repeat;
}

#menu[id] ul li a {
padding-top:20px;
padding-bottom:6px;
color:#fff;
font-size:1em;
text-transform:uppercase;
text-decoration:none;
display:block;
}

#menu[id] ul li a:hover {
padding-top:20px;
padding-bottom:6px;
color:#fff;
font-size:1em;
text-transform:uppercase;
text-decoration:none;
display:block;
background:transparent url(../fond/menu2.png) no-repeat bottom;
}


#menu[id] ul li.selected  a{
padding-top:20px;
padding-bottom:6px;
color:#fff;
font-size:1em;
text-transform:uppercase;
text-decoration:none;
display:block;
background:transparent url(../fond/menu2.png) no-repeat bottom;
}


#menu ul li {
width:90px;
float:left;
list-style:none;
display:block;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/menu1.png', sizingMethod='scale');
}

#menu ul li a {
padding-top:20px;
padding-bottom:6px;
color:#fff;
font-size:1em;
text-transform:uppercase;
text-decoration:none;
display:block;
}

#menu ul li a:hover {
padding-top:20px;
padding-bottom:6px;
color:#fff;
font-size:1em;
text-transform:uppercase;
text-decoration:none;
display:block;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/menu2.png', sizingMethod='scale');
}


#menu ul li.selected a{
padding-top:20px;
padding-bottom:6px;
color:#fff;
font-size:1em;
text-transform:uppercase;
text-decoration:none;
display:block;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/menu2.png', sizingMethod='scale');
}


#contenu {
float:left;
width:450px;
height:auto;
min-height:100px;
background:transparent url(../fond/contenu.jpg) no-repeat top;
padding-bottom:50px;
}

#contenu p, #contenu h2,#contenu h3{
text-align:left;
padding-left:10px;
padding-right:10px;
line-height:2em;
}



#contenu_rubrique[id] {
float:left;
width:650px;
height:auto;
min-height:600px;
background:transparent url(../fond/contenu_rub.jpg) repeat-y top left;
text-align:left;
font-size:1.1em;
color:#333;
padding-bottom:66px;
}

#contenu_rubrique {
float:left;
width:650px;
height:auto;
height:600px;
background:transparent url(../fond/contenu_rub.jpg) repeat-y top left;
text-align:left;
font-size:1.1em;
color:#333;
padding-bottom:60px;
}


.contenupage{
padding:10px;
}

.contenupage table{
border:1px solid #ddd;
padding:0px;
}

.contenupage table td{
border:0px;
border-bottom:1px solid #aaa;
border-left:1px solid #ddd;

padding:4px;
}


#recherche {
float:left;
padding:10px;
width:180px;
height:83px;
background-image:url(../fond/recherche.jpg);
text-align:left;
}

#newsletter {
float:left;
padding:10px;
width:180px;
height:47px;
background-color:#114181;
border-bottom:1px solid #fff;
margin-top:-17px;
}

#newsletter_accueil {
float:left;
padding:10px;
width:180px;
height:47px;
background-color:#114181;
border-bottom:1px solid #fff;
text-align:left;
}

#agenda {
float:left;
width:200px;
height:auto;
text-align:left;
background-color:#114181;
}

.bottomvertright {
float:left;
width:200px;
height:41px;
background-image:url(../fond/bottom_vert_right.jpg);
}


.bottomvertleft {
float:left;
width:200px;
height:44px;
background-image:url(../fond/bottom_vert_left2.jpg);
}


#agendacontenu {
float:left;
width:190px;
padding:5px;
height:400px;
overflow:auto;
text-align:left;
background:#D8D9D6 url(../fond/agenda.jpg) no-repeat top;
}

.bottomagenda {
float:left;
width:200px;
height:43px;
background-image:url(../fond/bottom_agenda.jpg);
}

#pied {
float:left;
width:850px;
height:66px;

margin-left:2px;
background-color:transparent;
margin-top:-66px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/pied.png', sizingMethod='crop');
border-bottom:2px solid #aaa;
}

#pied[id] {
float:left;
width:850px;
height:66px;
margin-top:-66px;
margin-left:4px;
background:transparent url(../fond/pied.png) no-repeat;
border-bottom:2px solid #aaa;
}

#pied p {
color:#fff;
text-align:left;
padding-left:10px;
padding-top:48px;}

.actu1 {
padding-left:10px;
margin-bottom:8px;
width:430px;

background-color:transparent;
float:left;
text-align:left;
line-height:1.6em;
color:#555;
font-size:1.1em;
padding-bottom:5px;
border-bottom:1px dotted #ccc;
}


.left {
border:1px solid #114181;
margin:10px;
margin-left:0;
margin-top:0;
float:left;
}


#plan[id] {
margin-left:10px;
margin-top:10px;
float:left;
width:213px;
height:228px;
background-image:url(../fond/plan_clouange.jpg);
}

#plan {
margin-left:4px;
margin-top:10px;
float:left;
width:213px;
height:228px;
background-image:url(../fond/plan_clouange.jpg);
}

.submit2[class]{
border:0;
background: transparent url(../element/submit.png) no-repeat;
width:20px;
height:20px;
filter:none;
cursor:pointer;
}


.submit2{
position:relative;
border:0;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/element/submit.png', sizingMethod='scale');
width:20px;
background-color:transparent;
height:20px;
cursor:pointer;
}

#recherche[id] h2{
background: transparent url(../element/recherche.png) no-repeat;
width:120px;
height:12px;
filter:none;
text-indent:-9999px;
margin-bottom:5px;padding:0;
}

#recherche h2{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/element/recherche.png', sizingMethod='crop');
width:120px;
height:12px;
text-indent:-9999px;
margin-bottom:5px;padding:0;
}


#newsletter[id] h2 , #newsletter_accueil[id] h2{
background: transparent url(../element/newsletter.png) no-repeat;
width:120px;
height:12px;
filter:none;
text-indent:-9999px;
margin-bottom:5px;
padding:0;
}

#newsletter h2 , #newsletter_accueil h2{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/element/newsletter.png', sizingMethod='crop');
width:120px;
height:12px;
text-indent:-9999px;
margin-bottom:5px;
padding:0;
}

.recherche{
font-size:1em;
color:#555;
width:150px;
border:2px solid #f2f2f2;
background-image:url(../element/fond_form.jpg);
background-repeat:repeat-x;
}


.newsletter{
font-size:1em;
color:#555;
width:150px;
border:2px solid #f2f2f2;
background-image:url(../element/fond_form.jpg);
background-repeat:repeat-x;
}

#ariane{ width:626px; height:76px; background:#fff url(../fond/ariane.jpg) no-repeat;
padding:12px; color:#AC0B1A; margin-bottom:-50px;}


#localisation{ position:relative;margin-top:-26px;}



#pied ul {
float:left;
list-style:none;
height:15px;
position:relative;
}

#pied ul li{
color:#fff;
float:left;
padding-left:6px;
padding-right:6px;
height:15px;
list-style:none;
border-right:1px solid #E86363;
}

#pied ul li a{
color:#fff;
text-decoration:none;
height:15px;
}
#pied ul li a:hover{
color:#fff;
text-decoration:underline;
}


.intro_blue ul{

width:200px;
list-style:none;
}



.intro_blue ul li a{
display:block;
padding-left:10px;
width:190px;
height:30px;
border-bottom:1px solid #FF8A8A;
line-height:3em;
color:#F6C0C4;
text-decoration:none;
}





.intro_blue ul li a:hover{
display:block;
padding-left:10px;
width:190px;
height:30px;
border-bottom:1px solid #EFBDC4;
line-height:3em;
color:#fff;
background:transparent url(../fond/menubluehover.jpg) repeat-x;
}

.intro_blue ul li.selected a{
display:block;
padding-left:10px;
width:190px;
height:30px;
border-bottom:1px solid #EFBDC4;
line-height:3em;
color:#fff;
background:transparent url(../fond/menubluehover.jpg) repeat-x;
}

.basrecherche{ width:610px; background-color:#D7E8F4;margin-top:5px; margin-bottom:10px; padding:5px;
border:1px solid #97B4C9; text-align:right;}
.basrecherche a{ color:#114181; text-decoration:none;}
.basrecherche a:hover{ color:#114181;font-weight:bold; text-decoration:underline;}



.encart{ 
width:200px;
}
table#calendrier{
width:200px;

}

table#calendrier td{
text-align:center;
padding:3px;
color:#fff;
font-weight:normal;
font-size:1.1em;
}

table#calendrier td.date{
text-align:center;
padding:3px;
height:20px;
color:#fff;
background:#114181 url(../fond/agenda_td.jpg) no-repeat;
background-position:center;

font-weight:bold;
font-size:1.1em;
}

table#calendrier td.date a{

color:#fff;
text-decoration:none;
}

table#calendrier td.date a:hover{
color:#fff;
text-decoration:underline;
}


table#calendrier th{
padding:3px;
text-align:center;
background-color:#33619F;
color:#fff;
border-bottom:1px solid #113565;
}

.agendamois{ width:200px;
padding-top:3px;
padding-bottom:3px;
background-color:#114181;
color:#D2E8F9;
text-align:center;
font-size:1.1em;
text-transform:uppercase;
border-top:1px solid #114181;
border-bottom:1px solid #113565;
}

.dateliste{
color:#33619F;
font-size:1em;
font-weight:bold;
text-transform:uppercase;
}

.titreliste{
color:#9D0B18;
font-size:1.1em;
font-weight:bold;
}
.datelis{
border-bottom:1px dotted #888;
margin-bottom:15px;
padding-bottom:5px;
color:#333;
line-height:1.2em;
}
.plus{ text-align:right;padding-top:2px; padding-bottom:2px;}

.plus a{
color:#21618D;
text-decoration:none;
}

.plus a:hover{
color:#21618D;
text-decoration:underline;
}

.actu1  a{ color:#296C9B; text-decoration:none;}
.actu1  a:hover{ color:#296C9B; text-decoration:underline;}

.contenupage ul { margin-top:8px;}

.contenupage ul li{
list-style-image:url(../fond/list-arrow.gif);
line-height:1.4em;
margin-bottom:5px;
margin-left:20px; 
}

.contenupage ul li a, .contenupage ul li.niveau1 a, .contenupage ul li.niveau2 a{ color:#444; text-decoration:none;}
.contenupage ul li a:hover, .contenupage ul li.niveau1 a:hover, .contenupage ul li.niveau2 a:hover{ color:#000; text-decoration:underline;}
.contenupage ul li.niveau1{
list-style-image:url(../fond/list-arrow.gif);
line-height:1.4em;
margin-bottom:5px; margin-left:40px; }

.contenupage ul li.niveau2{
list-style-image:url(../fond/list-arrow.gif);
line-height:1.4em;
margin-bottom:5px; margin-left:60px;}

.link{ text-align:left;padding-top:2px; padding-bottom:2px;}

.link a{
color:#21618D;
text-decoration:none;
}

.link a:hover{
color:#21618D;
text-decoration:underline;
}

#phototheque{ border:1px solid #ccc; background-color:#f8f8f8; padding:5px; margin-top:10px;}
#phototheque img.photos{ border:1px solid #aaa;}
#phototheque h2{ margin-top:5px; margin-bottom:5px; border-bottom:1px dotted #aaa; padding-bottom:3px; background-image:none; }


/*************** FICHIER LIES ****************/
.documentlies{
	position:relative; display:block;
	margin-left:10px; padding:10px; margin-right:40px; margin-bottom:10px;
	border:1px dotted #bdc2c8;
}
.videolies{
	position:relative; display:block;
	margin-left:10px; padding:10px; margin-right:40px; margin-bottom:10px;
	border:1px dotted #bdc2c8;
	background:url(../fond/video.jpg) no-repeat 5px 5px;
	padding-left:45px;
}
.documentlies h2, .videolies h2{
	color:#AC0B1A;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-transform:none!important;
	padding-left:0px!important; 
	background:none!important;
}
.documentlies a, .videolies a{ border-bottom:none!important;}