/*  

Theme Name: Rounded Transparent

Theme URI: http://www.mindloop.be/

Description: Theme created by <a href="http://www.mindloop.be">Mindloop Webdesign</a> (widget ready). 





Version: 1.0

Author: Andy Mathijs

Author URI: http://www.mindloop.be/



This theme was designed and built by Andy Mathijs,

whose site you will find at http://www.mindloop.be/
a
*/



/*reset.css*/



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,/*h5*/,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}



table{border-collapse:collapse;border-spacing:0;}



fieldset,img{border:0;}



address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}



ol,ul {list-style:none;}



caption,th {text-align:left;}



h1,h2,h3,h4,/*h5*/,h6{font-size:100%;font-weight:normal;}



q:before,q:after{content:'';}



abbr,acronym {border:0;}





/*fonts.css*/



body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}







/*standard theme stuff*/

.post img

{

/*float:left;

border:1px solid #CCCCCC;*/

margin:5px;

}



#s, textarea, input

{

        border:1px solid #cccccc;

        padding:20px;

        margin:2px;

}

/*

blockquote

{

font-style:italic;

color:#666666}





blockquote blockquote

{

margin-left:20px;

color:black;}*/



.navigation

{

display:block;

clear:both;

margin:20px 0px 20px 0px;

overflow:auto;}



.navigation a

{

border:1px solid #cccccc;

        background-color:blue;

        

        padding:10px;

        float:left;

        display:inline;

        margin-right:10px;

}



 #submit

{

        border:1px solid #cccccc;

        background-color:white;

        color:#999999;

        padding:3px;

        

}



.post ol,/* .commentlist ol*/

{

list-style:decimal;

padding:5px 0px 5px 0px;

list-style-position:inside;

}



.post ul, .commentlist ul

{

list-style:disc;

list-style-position:inside;

padding:5px 0px 5px 0px;

}



.post li, /*.commentlist li*/

{

        padding-bottom:5px;

}



.post strong, .post b

{

        font-weight:bold;

}



.post em, .post i

{

font-style:italic;

}



.page_item .page_item, #sidebar ul.children

{

        margin-left:35px;

}



#calendar_wrap td, #calendar_wrap thead tr th

{

        padding:3px;

}



#calendar_wrap thead

{

        background-color:#666666;

        color:white;

        

}



#calendar_wrap caption

{

        text-align:center;

        

}



#searchsubmit

{

        display:block;

        }



a

{

color:#52633C;

text-decoration:none;

}



a:hover

{

color:#52633C;

text-decoration:none;

/*font-weight:bold;*/

}



h3#comments,h3#respond,.pagetitle, h2.center

{

font-size:22px;

color:#096594;

padding-top:20px;}



h7{

font-size:16px;

font-family:arial;

font-weight:bold;

color:#009977;

padding:10px 300px 3px 0;

border-bottom:1px solid #000000;

}



p

{margin-top:10px;}



#searchsubmit

{

        border:0px;

        position:relative;

        top:-4px;

}

/**********************/







div.clear

{

clear:both;

height:0px;

width:0px;

overflow:hidden;

}





body

{

        background-color:#FCFAE1;

        /*margin:auto;*/

        /*margin-top:5px;*/

        margin-bottom:15px;

background-repeat:repeat-y;

        /*background-image:url(images/back1.png);*/

background-position:50% 10px;



}



#page

{

        width:840px;

        margin-left:auto;

        margin-right:auto;        

        background-color:#ffffff;

/*height:800px;*/

        

}



#header

{width:840px;

height:134px;

padding-top:9px;

/*background-image:url(images/head_top.gif);*/

background-repeat:no-repeat;

overflow:visible;

background-color:#FCFAE1;

}



#header form

{

margin-left:580px;

margin-top:55px;

}



#header form input

{float:left;

display:inline;

}



#header #headerimg

{

        background-image:url(images/head_arbre5.jpg);

backgroung-repeat:none;

background-position:center;

background-color:#FCFAE1;

        display:block;

        width:840px;

        height:134px;

}



#header #headerimg h1

{clear:both}



#header #headerimg h1 a

{

        

        font-size:44px;

        color:#bbee44;

font-weight:bold;

        text-decoration:none;

        position:relative;

        top:30px;

        left:70px;

        

}

#header #headerimg h1 a:hover

{

}

#header #headerimg .description

{

position:relative;

        top:5px;

        left:110px;}



#themenu

{

position:relative;

left:435px;

top:157px;

width:390px;

clear

}



#themenu li

{

        float:left;

        display:inline;        

        

}



#themenu li a
{



        display:block;

        padding:10px 10px 8px 10px;

    color:#669900;

        text-decoration:none;

        border-right:1px solid #666666; 

}



#themenu li a:hover

{

        color:#aa0022;

font-weight: normal;

border-right:2px solid #666666;

}

/***The sidebar**/

#sidebar

{

        height:/*500px*/auto;

float:left;

        display:inline;

        width:192px;

        background-image:url(images/ombre.png);

        background-repeat:repeat-y;

background-color:#ffffff;

        position: relative;

        padding-left:5px;

border-bottom: 3px solid #aaaaaa;

        /*margin-top:-20px;

        padding-top:30px;*/

}



        #sidebar ul

{

        padding:3px;

        }

/*

#sidebar li

{

list-style-position:inside;

}*/





#sidebar ul ul

{

width: 175px;

/*background-color:#ffffff;*/

}



/*

#sidebar ul li ul

{

font-weight:normal;

}*/

.pti a

{

background-color:none;

font-size:12px;

color:#000000;

}



#sidebar ul ul a

{



font-color: #669900;

font-size: 14px;

/*font-weight: bold;*/

text-align: right;

background-color:#cce3a5;

}



#sidebar ul ul a:hover

{

/*color:#aa0022;*/

font-size: 14px;

/*font-weight: bold;*/

padding-left: 3px;

/*background-color:#ffffff;*/

}



#sidebar ul ul ul a

{

font-size: 14px;

font-weight: normal;

/*padding-left: 3px;*/

/*text-indent: -10px;*/

}





#sidebar ul ul ul a:hover

{

font-size: 14px;

font-weight: normal;

/*padding-left: -3;*/

}



/*

#sidebar a:hover

{

/*background: url("images/puce.png");

background-repeat: no-repeat;

padding-left:-20px; 

background-position:0% 6.5%;

color:#669900;

/*background-color:#227700;

margin-left:-1px;

}*/



        #sidebar #side-footer

        {

                background-image:url(images/side_footer.jpg);

                background-repeat:no-repeat;

                height:14px;

                position:relative;

                /*top:5px;*/

        }

        

        #sidebar h2

        {

                font-size:26px;

                color:#669900;

text-align:center;

                font-family:Georgia, "Times New Roman", Times, serif;

                font-weight:bold;

        }





/*#sidebar .post_content_link

{background-color:#ffffff;

font-size:12px;

margin: 0 0 10px 0;}*/





/***The CONTENT**/

#content

{

        float:right;

        display:inline;

       width:640px;

height:/*600px*/ auto;

/*overflow-y:auto;*/

        background-image:url(images/ombre.png);

        background-repeat:repeat-y;

border-right:1px solid #000000;

background-color:#ffffff;

}



#content a

{

color:/*#ff4400*/#046380;

}

#content a:hover

{

color:/*#bb0011*/#59C6D7;

}



#content .post

{

/*float:right;*/

/*height:500px;*/

padding: 15px;

overflow:auto;

/*background:#ffffff;*/

}



/*#content .post .header

{

        background-image:url(images/post_header.png);

        height:0px;

       padding:7px -20px 3px 10px;        

}*/



#content .post span.date

{

        margin-left:7px;

        font-size:10px;

        background-image:url(images/date.jpg);

        background-repeat:no-repeat;

        padding:3px 0px 3px 18px;

        background-position:0px 2px;

        

        

}



#content .post .comments a

{

        margin-left:7px;

        font-size:10px;

        background-image:url(images/comments.jpg);

        background-repeat:no-repeat;

        background-position:0px 2px;

        padding:3px 0px 3px 18px;

        

        

}

/*

#content .post .footer

{

        /*background-image:url(images/post-bottom.jpg);*/

        height:16px;        

}*/

/*

#content .post .entry

{

color:#333333;

/*padding:10px;*/

}*/



#content .post .entry ul

{



padding:0px 0 0 30px;

}



#content .post p.postmetadata

{

font-size:10px;

position:relative;

left:30px;

}



#content .narrowcolumn

{

width:640px;

}



.post h2 a

{

padding:3px 400px 3px 10px;

/*margin:10px;*/

font-weight:bold;

        /*float:left;*/

        color:#ddffdd;

        font-size:16px;

        text-decoration:none;

background:#CF6;



}



/*

#footer

{

clear:both;}*/



/**INFOBULLES**/

a.info{

    position:relative; 

    z-index:24; /*background-color:#ccc;

    color:#000;*/

    text-decoration:none}



a.info:hover{z-index:25; /*background-color:#ff0*/}



a.info span{display: none}



a.info:hover span{ 

/*le contenu de la balise span ne 

sera visible que pour l'état a:hover */

 display:block; 

 position:absolute;

    

    

    top:2em; left:2em; width:auto;

    /*border:1px solid #6699cc;

    background-color:#eeeeee; color:#6699cc;

    text-align: justify;

    font-weight:none;

    padding:1px;*/

    

    }



/*PARAGRAPHE VERT*/

p.vert{

font-size:14px;

}



p.nocomments{

display:none;



}



/**IMAGE barre nav**/



img.inav{

width:125px;





height:125;

border: 3px ridge;

}



/**NAVIGATION**/



 /*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/

div#menu {

          width: 100px;



background-color:#ffffff;



         }





div#menu ul {

             padding: 0 3px 0 0;

             width: 100px;

           /* border:1px solid;*/

             margin:-45px 3px 3px 0px;



            }







/*On positionne les elements du menu */

div#menu ul li {

                position:relative;

/*background: url(images/puce5.png) 98% 95% no-repeat;*/



                list-style: none; /*on enleve les icones de liste */

               /* border-bottom:1px solid; ajout d'une bordure de separation d'element:*/

margin:0 0 10px 0;

               }



div#menu ul ul {

                position: absolute;

                top: 0;

                left: 100px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/



               } 

 

div#menu ul.niveau1 {

background:#ffffff;

margin:0;

pading:3px;}



div#menu ul.niveau2 {

background:#ffffff;

margin:0;

pading:3px;}



div#menu ul.niveau3 {

background:#ffffff;

margin:0;

pading:3px;}



div#menu li a {

               text-decoration: none; /* plus de soulignement pour les liens */

color: #669900;



              } 







 /* fond blanc pour le menu */

div#menu a {

            color:#000000;

           }



/* fond different au survol de la souris entre les sous-menu et les "basiques"*/

div#menu li:hover {

                   background: #EDD;

                  }



div#menu li.sousmenu:hover {

                           background: #E6E8FA;

                           }



/* Rajout d'une petite fleche pour les sous menu (j'ai pioché cette astuce sur le web ;) )*/

div#menu li.sousmenu {

                      /*background: url(images/puce5.png) 98% 95% no-repeat;*/

                     }



/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */

div#menu li a {

               text-decoration: none;

/*margin-top: 10px;*/

             /*  padding: 4px 0 12px 8px;*/

               display:block;

 /*border-left: 8px solid #BBB; */width:84px

              }



/* la bordure de chaque hauteur a une couleure de survol*/

div#menu li a:hover {

                     border-right: 1px solid #000000;

/*background: url(images/puce6.png) 98% 90% no-repeat;*/

                    }



div#menu ul ul li a:hover {

                           border: none;

/*background: url(images/puce6.png) 98% 90% no-repeat;*/

                          }

div#menu ul ul li{

padding:0;}

div#menu ul ul ul li a:hover {

                              border-left-color: #0000FF;

                             } 



 /* fichier pour internet explorer */

body {

      behavior: url(csshover.htc);

     }



/* On cache tous les sous menu avec la propriété display none */

div#menu ul ul {

                position: absolute;

                top: 0;

                left: 100px;

                display:none

               }



/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */

div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,

div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {

                                                  display:block;

                                                 }



/*PARAGRPHEINTRO*/

p.intro{

font-size: 14px;

text-indent: 15px;

border-right: 1px solid #000000;

border-bottom: 1px solid #000000;

padding: 10px 10px 10px 10px;

}



/*PARAGRAPHE_TEXTE*/

p.texte{

margin:10px 20px;

text-indent:15px;}



/*PARAGRPHE ACTU INTRO*/

.actu_intro{

font-size: 16px;

font-weight:bold;

color:#6699ff;

text-indent: 15px;

border-left: 1px solid #000000;

border-top: 1px solid #000000;

padding: 10px 10px 5px 0;

margin: 15px 80px 15px 0;}



/*PARAGRAPHE PRESENTATION*/

.pres{

color: /*#006611*/#236877;

background-color:#acdde7;

text-indent: 20px;

padding:5px;

margin: 5px 15px 10px 40px;

text-align: justify;

border-left:3px solid #236877;

overflow:visible;

}

.pres a{

font-weight:bold;}

/*PARAGRAPHE AGENDA*/

.agenda{



color: #006611;



text-indent: 5px;



margin: 0 2px 0 2px;

text-align: justify;

}



/*PARAGRAPHE ACCUEIL*/

.acc{

background-color:#EDF2C6;

font-family:"times new roman";

font-size:14px;

text-indent:20px;

color:#046380;

border-left:3px solid #046380;

padding: 10px 20px;

margin: 0 10px 10px 20px;

}

.acc p{

text-indent:20px;



}

.acc a{

font-weight:bold;}

.acc li

{

margin-left: 40px;

padding-right: 5px; }



/*PARAGRAPHE SIDEBAR*/

.accs{

background-color:#EDF2C6;

font-family:"times new roman";

font-size:14px;

text-indent:5px;

color:#046380;

border-right:2px solid #046380;

border-bottom:2px solid #046380;

padding: 5px 5px;

margin: 10px 0px 10px 0px;

}

.accs p{

text-indent:20px;



}

.accs a{

font-weight:bold;}

.accs li

{

margin-left: 40px;

padding-right: 5px; }



/*SIGNATURE*/



.sign{

background-color:#EDF2C6;

font-family:"times new roman";

font-size:14px;

text-indent:20px;

color:#046380;

/*border-left:3px solid #046380;*/

padding: 10px 40px 10px 0;

text-align:right;

}

.droit

{float:right;

height:150px;

width:300px;}



/*LISTEINTRO*/

ul.intro{

padding-left:50px;

list-style-image: url(images/puce6.png);

}



li.intro{

color:#ff0011;

font-size:14px;

padding: 3px 3px 3px 10px;

border-left: 1px solid #000000;

list-style:none;

}



/*LISTEINFO*/

ul.info{



margin:10px 50px;

padding:10px 50px;

/*padding-left:50px;*/

font-size: 14px;

color: #008855;

background-color:#ddffcc;

border-left: 3px solid #880000;

/*list-style-position: outside;*/

}







li.info{

color:#990000;

font-size:14px;

font-weight:bold;

padding: 8px 3px 3px -10px;

/*border-left: 1px solid #000000;*/

border-left:0px;

background:no-background;



list-style:none;

}



ul.info li{

font-size:12px;

margin:0px 0 0px 10px;

padding:5px 0 5px 5px;

list-style-position:inherit;

/*list-style:none;*/

}

ul.info a{

font-weight:bold;}



/*LIENS

div.liens{

width:auto;

/*margin-left:auto;

margin-right:auto;*/

background-color:#cccccc;

border:2px #bbbbbb solid;

}*/









/*IMAGE*/



img.centre{

position:middle;

width: 500px;

border: 1px solid #dddddd;

margin: 10px 60px;

}



img.info{

width:350px;

margin-left:100px;

border: 2px groove;

}



div.vig{

width:500px;

height:100%;

}



img.vig{

width:200px;

/*height:200px;*/

border: 2px ridge;

float:left;

margin: 15px 10px 10px 5px;

/*hspace:10px;

vspace:10px;*/

}

img.vig1{

/*width:200px;*/

height:200px;

border: 2px ridge;

float:left;

margin: 15px 10px 10px 5px;

/*hspace:10px;

vspace:10px;*/

}

img.thickbox{

width:210px;

height:140px;

border: #bbbbbb 2px ridge;

margin: 0 10px 5px 40px;

}

h4{

font-size: 14px;

font-weight:bold;

color:#6699ff;

margin: 15px 0 5px 5px;}



h5{

color:#4422ff;

font-size:12px;

padding-left:20px;}



h8{

font-size: 14px;

text-align:right;

font-weight:bold;

color:#6699ff;

margin: 10px 0 0 0;

border-top:2px groove #000000;

padding: 5px 0 0 0

}



.galerie{

align:center;

background:#cccccc;

padding:20px;

border:1px solid #000000;}





.post_content

{

margin: 10px 0 10px 0;}



.post_content a

{

color:#880000;}





/**TABLES**/



img.tabl

{

width:60px;

border:1px ridge;

}

.eco{

width:95%;

margin:0 20px 0 20px;}

.eco tr

{

border-bottom: 2px solid #ffffff;}

.eco td

{

padding:3px 6px;



}



.eco .tr1

{

font-size:14px;

color:#336600;

background-color:#edf2c6;

border-bottom:2px solid #336600;

}



.eco tr.data

{

background-color:#ccffcc;}



.eco .td1

{

width:150px;

font-size:13px;

font-weight:bold;

}

.eco .td2

{

width: 200px;}

.eco tr td img

{

width:60px;

border:1px ridge;

}

/**TABLE LOCATIONS**/
.loc{

width:95%;

margin:15px 10px 0 10px;}

.loc tr

{
border-bottom: 2px solid #ffffff;
}

.loc td
{
padding:3px 6px;
}

.loc .tr1
{
line-height: 1.2em;
color:#336600;
background-color:#edf2c6;
border-bottom:2px solid #336600;
}
.loc tr.data
{
background-color:#ccffcc;}
.loc .tr1 .td1
{
width:150px;
font-size:16px;
font-weight:bold;
}

.loc .td2
{
width: 200px;
}

.loc tr td img
{
width:60px;
border:1px ridge;
}


/**TEST MENU DEROULANT**/

#nav{



position:relative;

z-index:1;

left:15px;

top:105px;

/*width:840px;*/

/*clear*/

   /* background:#222;*/



    font-size:1em;



}



#nav, #nav ul {

        list-style: none;

        line-height: 1;

}



#nav a, #nav a:hover {

        display: block;

        text-decoration: none;

overflow:visible;

        border:none;

}





#nav li {



        float: left;

        /*list-style:none;*/

        /*border-right:3px ridge #ffffff;*/

}

#nav li ul li a, #nav li ul a {

color:#000000;

background-color:#ddffcc;

background-image:none;

}



#nav a {

        display:block;

        font-weight:bold;

        color: /*#f5f5f4*/#ddffcc;

        padding:6px 12px;

/*background-color:#ddffcc;*/

}





#nav a:hover, #nav a:active, .current_page_item        a, #home .on {



        /*color:#ddffcc;*/

background:/*#00aa33*/none;

        /*text-decoration:underline;*/

/*border-bottom: 3px solid #ddffcc;*/

background-image: url(images/fle.png);

background-position: 100% 90%;

background-repeat:no-repeat;

/*background-color:#ddffcc;*/

padding-top:8px;

}        



#nav li ul {



        position: absolute;

        left: -999em;

        height: auto;

        width: 174px;

        /*border-bottom: 1px solid #a9a9a9;*/

/*padding-top:1px;*/

}



#nav li li {



        width: 172px;

        border-top: 1px solid #a9a9a9;

        border-right: 1px solid #a9a9a9;

        border-left: 1px solid #a9a9a9;

        background: /*#777*/#ddffcc;







}



#nav li li a {





        font-weight:normal;

        font-size:0.9em;

        font-color:#cccccc;

list-style:none;

}



#nav li li a:hover, #nav li li a:active {





        background:#006600;

text-decoration:none;

color:#ddffcc;

border:2px ridge #ddffcc;

list-style-type:disc;

padding-top:6px;

}        



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

        left: auto;

}



a.main:hover

{

    background:none;

}
ul#tel_ec{
	background:url(../../../../image/news.png) 0% 0% no-repeat;
	height: 2em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#669900;
	font-weight:bold;
	padding: 10px 0px 2px 70px;
}
ul#tel_menu{
	background:url(../../../../image/repas.png)0% 0% no-repeat;
	height: 2em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
    color:#669900;
	font-weight:bold;
	padding: 10px 0px 2px 70px;}
ul#tel_fdj{
	background:url(../../../../image/fdj.png)0% 0% no-repeat;
	height: 2em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
    color:#669900;
	font-weight:bold;
	padding: 10px 0px 2px 70px;}
/**AGENDAS TITRES**/
#salles{
width: 90%;
color:#669900;
background-color: #EDF2C6;
font-size:16px;
font-weight:bold;
height:20px;}
/**SPAN de L'AGENDA**/
a.agenda{
width: 90%;
color:#000;
background-color: #EDF2C6;
font-size:16px;
font-weight:bold;
height:20px;
padding:5px;
}
a.agenda  span
{display:none;}
a:hover.agenda span
{display:block;}
li a.agenda{
width: 90%;
color:#aaa;
background-color: #EDF2C6;
font-size:14px;
font-weight:bold;
height:18px;
list-style-type:none;
}