/*##############################
#
# ----------- GENERAL
#
################################*/


body { margin: 0; padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.72em; line-height:17px; margin-left:auto; margin-left:auto;  background:url(../images/structure/bg/degrade.gif) repeat-x #e4bb63;/*couleur actuelle #669933;*/  }

.photo { margin-right:175px; margin-bottom:8px }

a { color:#006600; }

a:hover { text-decoration:none ; }

hr { color:#006600; height:1px; }

img {border:none;}


a img{border:0;vertical-align:middle;}

a.info:hover,a.info:focus,a.info:active{color:#fff;background:green;}

div#frame li , div#intro li{ list-style:url(../images/puce_1.gif) ; }

p {margin: 0 0 10px 0; font-size:11px;}

h1 { color:#8a4123; font-size:16px; }

h2 { color:#7dbf0e ; font-size:13px;background:url(../images/structure/bg_titre_projet.gif) no-repeat; height:20px; padding-left:18px;  }

h3 { font-size:12px; }
a.lien{color:green;}

.info:visited{color:#000}

.conteneur {    background: url(../images/structure/ancien/bg2.gif) repeat-y ;  margin-left:auto; margin-right:auto; width:950px;  } 

div#frame { font-size:11px; }

input, textarea {background:url(../images/structure/bg_input.gif) repeat-x ;border : 1px solid #CCC;color:#651E00; }


/*##############################
#
# ----------- MENU GAUCHE
#
################################*/


div#menu_gauche { left:0; width: 175px;  font-family:Arial, Helvetica, sans-serif;  float:left; list-style-type: none; margin: 0; padding:0; position:relative; background-image:url(../images/structure/ancien/bg2.gif); min-height:320px;}
 
div#menu_gauche ul {list-style:none; margin:0; padding:0; width:175px; }

div#menu_gauche li {  display:block; height:25px; background:#804000; margin-left:0px;  margin-bottom:2px; list-style:none;  line-height:25px;}

div#menu_gauche a {    color: #fff; text-decoration: none; font-weight:bold; display:block; height:25px; width:175px; line-height:25px; padding-left:3px; font-size:11px;  }

div#menu_gauche a:hover  { text-decoration: none; line-height:25px; background-color:#965926; color:#fff; height:25px; width:170px;   }

div#menu_gauche .hover {  background-color:#965926; color:#fff; height:25px; height:25px; width:170px;  }

div#photo_cote { /* background-image:url(../images/structure/img_gauche.jpg); */ height:300px; width:175px; float:left; margin-top:30px; margin-bottom:25px; }

div#photo_cote img { width:175px; }


/*##############################
#
# ----------- MENU HAUT
#
################################*/

div#menu_haut a:hover, div#menu_haut .selected { background-image:url(../images/structure/menu_btn_on.jpg); color:#fff; height:28px; }




/*##############################
#
# ----------- HEADER
#
################################*/


div#logo { /*background:url(../images/structure/logo.jpg) left no-repeat ;*/ height:70px; width:179px; position:absolute; }

.header {  height: 70px; background:url(../images/structure/bandeau.gif) no-repeat 0px 0px #fff;  margin-left:auto; margin-right:auto; position:relative;}

div#bton-login { position:absolute; right:15px; top:5px; }


.header form, .header input, form  {padding-bottom:0; margin-bottom:0; margin:0;  }

.header .input { background-color:#57860a; border:none; }

.ss_menu { float:right; padding-top:35px; color:#336600;  }



/*##############################
#
# ----------- MENU HAUT
#
################################*/


div#menu_haut { background:url(../images/structure/menu_haut_bg.gif) repeat-x; height:30px; list-style-type: none; margin-top:0; padding-top:0; position:relative;  margin-left:auto; margin-right:auto;}

div#menu_haut ul { margin:0; padding:0; }

div#menu_haut li { float:left ; display:block; height:20px; width:174px; margin-top:0; padding-top:0;}


div#menu_haut a { color:#FFF; text-decoration:none; font-weight:bold; font-size:13px; background-image:url(../images/structure/menu_haut_out_blanc.gif) ; background-repeat:repeat-x; display:block; height:28px; width:189px; text-align:center; padding-top:6px; margin-top:0;}



/*##############################
#
# ----------- CENTRE
#
################################*/

div#imprimer { float:right ;  background-color:#fff; padding:3px; border:1px #CCCCCC solid; display:block; }

div#imprimer a { color:#999999; font-size:10px; text-decoration:none;}

div#imprimer a:hover { text-decoration:underline ; }

div#frame { min-height:830px ; background:url(../images/structure/ombre.gif) repeat-x #fff ; background-position:top; 
text-align:justify; padding:10px 20px 0 20px; margin-top:0; margin-left:175px; margin-right:auto;
position:relative;
}

div#navig { float:right ; }


.ht_cell { background-color:#D3FFA8 ; }

.cell_pair { background-color:#F2F2F2 ; }

p#navigation a, p#navigation{ color:#006600 ; font-size:10px;}

p#navigation a:hover { text-decoration:none; background-color:#669900; }


/*##############################
#
# ----------- INTRO
#
################################*/

div#intro { background:#fff; height:625px;position:relative; }

div#txt_intro { position:absolute;top:320px; left:500px;z-index:1000;width:430px;color:#622728;font-size:12px;}

div#txt_intro a { font-size:11px;}

div#txt_actu { position:absolute;top:425px; left:500px;z-index:1000;width:400px;}

.bt_entrer { margin:20px 0 0 0px; }



/*##############################
#
# ----------- ADHERENTS
#
################################*/


.impair { background-color: #fff ;  }

.gris { color:#666666; }

.pair { background-color: #F2F2F2 ; }

.dataTh { background-color:#eee ; }

.cell { background-color:#FBFBFB; }

.marron { color:#804000; font-weight:bold; }

div#rotator, div#rotator_projet { border: #CCCCCC 1px solid; padding:2px;   overflow: hidden; width: 255px;  position:absolute; height:208px; }

p.description-projet { color:#804000 ;font-size:11px; }
p.description-projet-coupe {  color:#804000 ; width:450px;font-size:11px; }
div#rotator_projet { left:495px; top:70px;}

div#rotator { left:495px; }

div#rotator img , div#rotator_projet img { border:0; width: 255px;  height: 208px; }

div#texte_collectivite {  margin-top:250px; font-size:11px; }

p.collect-description { color:#999999 ; }

p.commentaire { color:#999999; font-size:10px ; font-style:italic; }

/* Adhérents */

#the-table { border:1px solid #bbb;border-collapse:collapse; font-size:12px;color:#CC6699; }

#the-table td,#the-table th { border:1px solid #ccc;border-collapse:collapse;padding:2px;  }

#the-table ul { margin:0; padding:0; list-style:none;list-style-image:none;}

div#grid-panel li, div#grid-panel ul { list-style:none;list-style-image:none; }

#the-table li {margin:0; padding:0;list-style:none; list-style-image:none;}

div#mod_collectivites .img_ppal { padding-right:10px; }

div#informations { margin-left:0px ; width:313px; margin-top:-6px;  float:left; }

div#diapo { width:230px; margin-left:290px; }

.dataGrid { border:#CCCCCC solid 1px; font-size:11px; }

.dataGris { background-color:#F9F9F9 ; }

.dataGris select { background-color:#7cbc0c ; }

.dataGrid th, .dataGris th, th { font-weight:bold; color:#666666;  } 

.tabContact input {/* border:#7cbc0c ;*/}

.tabPartenaires { background-color:#F9F9F9 ; }


/* infobulle */
a.info:hover,a.info:focus,a.info:active{color:#fff;background:green;}

/* liens pour infobulles */
.info{position:relative;text-decoration:none;color:#000;text-decoration:none;}

a.lien{color:green;}

.info:visited{color:#000}

/* paramètres de l'infobulle */

a.info span{
position:absolute;
z-index:99;
padding:3px;
text-align:center;
color:#fff;
background:#7dbf0e;
top:2em;
left:-9999px;
white-space:nowrap;
}

/*rends visible l'infobulle*/
.info:hover span,.info:active span,.info:focus span{left:0;}



/*##############################
#
# ----------- FOOTER
#
################################*/


div#footer { border-top:#CCC 1px solid ;  padding:0; font-size:10px; background:#eeeeee; height:40px; color:#666; background-image:url(../images/structure/footer_bg.gif); background-repeat:repeat-x;  width:950px; margin-left:auto; margin-right:auto;   }

div#footer h1 { font-size:10px; padding-left:20px; margin:0; font-weight:normal; text-decoration:none; }

div#footer p { margin:5px 20px 0px 0; }

div#footer ul{ list-style:none;  margin:5px 0 0px 0; float:left; padding-left:20px;}

div#footer li{ float:left; margin:0; padding:0;list-style:none; }

div#footer a { color:#666; text-decoration:none; }

div#footer a:hover { text-decoration:underline; background-color:#EFEFEF;  }



/*##############################
#
# ----------- ORGA
#
################################*/


.orga_header, .orga_header th { background:#7dbf0d ; }

.orga_header th { height:30px; color:#fff;}

table.orga td , table.orgadroit{ height:30px; }

div.orgaSuite { position:relative; }

.orgadroit {  margin-left: 350px; float:right;  position:absolute; top:-10px;width:390px;}

.orgagauche {width:330px;   }

.membreCA { background-image:url(../images/cadre.gif); width:200px; height:43px; background-repeat:no-repeat; margin-left: 80px}

.bg01 { border: 1px solid #eee; background:url(../images/structure/bg_orga.gif) repeat-x; color:#c76424;font-weight:bold;}

.bg011 { border: 1px solid #eee}

.bg02 { background-image:url(../images/structure/gris2.gif); }

.bg021 { background-image:url(../images/structure/menu_ombre.gif); border: 1px solid #eee; font-weight: bold}


/*##############################
#
# ----------- CMS orga
#
################################*/

div#adroite{float:right; width: 800px; height: 400px}

div#agauche{margin-left: 150px; width: 200px; height: 400px}

/*##############################
#
# ----------- IDENTIFICATION
#
################################*/

div#identification { position:absolute; right:120px;font-size:10px;}

div#panel-login { position:absolute; top:150px;right:400px;background:url(/images/structure/panel-login.gif) no-repeat; width:445px; height:225px; padding:50px 20px 0 20px;z-index:1000000000;}

div#panel-login p { width:425px;}

.error { color:red;}

.error input { border: 1px solid red;}

#login-error { color:red;}