/*************** GENERAL ********************/
html, body { 
padding: 0; margin: 0;
/*font: "Trebuchet MS", sans-serif; 
height: 99%; */
background:#D1DBA5 url(../../image/default/bg.png) repeat-x top left; 
}

p { margin:0; padding: 0; }
/*************** LIST SS RUBRIQUE ********************/
#txt_list ul { margin:5px 0 0 55px; padding: 5px; list-style: none; }
#txt_list ul li { padding-left: 1em; background: url(../../image/menu/style1/img07.gif) no-repeat left center;}
#txt_list a { text-decoration:none; font: bold 16pt "Verdana",sans-serif; color:#333; border-bottom:1px dotted #FFF;  text-align:left; }
#txt_list a:hover{ color:#FFF; background:transparent url(../../../image/menu/default/dolphin_bg-OVER.gif) repeat-x bottom left; }

/*************** STRUCTURE ********************/

div#global { padding: 0; margin: 0 auto; width: 99%; border: 0px solid red; } 
* { margin: 0; padding: 0; font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; }
/* TABLO */  
#structure { padding: 0; margin: 0 auto; width:900px; /*border: 4px solid blue;*/ }    
#header { height: 125px; padding: 0; margin: 0; }



/*************** LOGO ********************/
#logo { width:  100%; margin: 0; height: 130px;

 background: #006699 /*url(../../image/menu/default/) no-repeat top left*/;
 
  border:0; }
#colG { padding: 0; margin: 0; width: 200px; border-left: 1px solid #EDEDE5; background:#EDEDE5; background:transparent url(../../image/menu/default/bg_colG.gif) repeat-y bottom left; }
#colD { padding: 0; margin: 0; width: 350px; border-left: 1px solid #EDEDE5; background:#EDEDE5; }
#centre { /*border: 4px solid pink; */ margin:0; padding:0;  background: #F7F7F7; width:100%; border-left: 1px solid #B3B3B3; }
#bgCentreBas { background:transparent url(../../../image/menu/default/bgCentreBas.gif) repeat-x top left;  width:100%; height:9px; }



/*************** FOOTER ********************/
#footer { padding: 0; margin: 0;background: #EDEDE5; border-left: 1px solid #EDEDE5; width: 100%; }
#nav_footer {  padding: 0; margin: 0 auto; }


#partenaire_footer { padding: 0; margin: 0 auto; width: 900px; }
#legal_footer { padding: 0; margin: 0 auto; width: 900px; text-align: center;}
#legal_footer a { font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; }


#adresse_footer { padding: 0; margin: 0 auto; width: 900px; font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center; }


#newsletter { padding:0 0 0 -50px ; width:200px; height:75px; background-position: 419px 0px; background:transparent url(../../image/menu/default/tt_newsletter.gif) no-repeat bottom left; }





/* ---------------------- MENU HORIZONTAL Dolphin nav ---------------------- */
#dolphincontainer{margin-top:16px; height:33px; color:#E0E0E0; background:#143D55; width:100%; font-family:Helvetica,Arial,Verdana,sans-serif; }
/* ---------------------- END MENU HORIZONTAL Dolphin nav ---------------------- */

/*************** MENU VERTICAL ********************/
#menuV { margin: 0; width: 185px; margin-top:1px; }
#menuV ul{ list-style-type:none; }	
#menuV li a { height: 32px; /*voice-family: "\"}\""; voice-family: inherit;*/ height: 30px; text-decoration: none;  }	
#menuV li a:link, #menuV li a:visited { color: #4E6720; display: block; background:  url(../../image/default/menu2.png); padding: 0 0 0 42px;  }
#menuV li a:hover { color: #3688BA; background:  url(../../image/default/menu2.png) 0 -32px; padding: 0 0 0 42px; }

/******************** MISE EN PAGE ***********************/
#txtDirectory { margin:0; padding:0 0 0 5px; width:400px; font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333;  text-align:left; }
#tt_valide { padding:5px; font: bold 14pt "Verdana",sans-serif; color:#8B0000; }

/*************** IMAGES ********************/
.img-shadow { background: url(../../image/shadowAlpha.png) no-repeat bottom right !important; background: url(../../image/shadow.gif) no-repeat bottom right; margin: 15px 0 0 15px !important; margin: 15px 0 0 10px; } 
.img-shadow img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; }

/**************** CORPS **************************/
#corps { margin:5px; padding:5px; text-align:justify; }
#corps strong {font: bold 10pt "Verdana",sans-serif;}
#corps em { font: italic 10pt "Verdana",sans-serif;}
#tt_corps { padding:5px; font: bold 14pt "Verdana",sans-serif; color:#333; border-bottom:1px dotted #FFF;  text-align:left;}

/*************** BLOCKS ********************/
#block { margin:5px; padding:0; text-align:justify; }
#tt_block { margin:5px; padding:0; font: bold 16pt "Verdana",sans-serif; color:#FFF; border-bottom:1px dotted #FFF;  text-align:left; }
#img_vignette { margin:0; padding:0; }

/*************** NEWS ********************/
#news { margin:2px; padding:2px; width: 225px; background:none; }
.news_titre { font: bold 12pt "Trebuchet MS"; color:#333; border-bottom:1px dotted #FFF; }
.news_date { font: italic 10px "Trebuchet MS"; padding-left:5px; }
.news_txt { width:100%; font: normal 10px "Trebuchet MS"; text-align:justify; }

/*************** AGENDA ********************/
#agenda { margin:0 auto; padding:0; width:350px;  }
#agenda fieldset { border:none; background: #F7F7F7; }
#agenda fieldset:hover { background-color: #FFF; }
#agenda_titre { font: bold 12pt "Trebuchet MS"; color:#3688BA; border-bottom:1px dotted #3688BA;  }
#agenda_date { font: bold 10px "Trebuchet MS"; }
#agenda_txt { font: normal 13px "Trebuchet MS"; text-align:justify;}

#agenda_selection { padding-left:20px; font: bold 16pt "Trebuchet MS"; color:#3688BA; background:url(../../image/menu/default/icone_agenda.gif) no-repeat top left; }


/*************** COMMENTAIRES ********************/
#comment { margin:0 auto; padding:10px; width:80%; border:1px dotted #3688BA;}
#comment_titre { font: bold 12pt "Trebuchet MS"; color:#3688BA; border-bottom:1px dotted #3688BA; }
#comment_text { font: normal 11pt "Comic",sans-serif; text-align:justify; }
#comment_date { font: bold 9pt "Comic",sans-serif; color:#3688BA; }
#comment fieldset { border:none; background: #F7F7F7;  }
#comment fieldset:hover { background-color: #FFF; }

/*************** FORMULAIRES COMMENTAIRES & LOGIN ********/

/*************** RECHERCHE ********************/
#recherche { margin:0; padding:0;  width:300px; height:29px; float:right;}
#recherche_titre {  }
#recherche_txt {  }
#recherche_link {  }
#recherche_link a {  }
#recherche_link a:hover {  }

#rechercheForm { /*background:transparent url(../../image/menu/default/recherche_bg.gif) repeat-x top left;*/ }
/* Input */
#rechercheForm input, #rechercheForm select { -moz-border-radius: 4px; -webkit-border-radius: 10px; width: 120px; border: #CCC 1px solid; margin-left: 2%; margin-bottom: 2%; margin-top: 2%; }
#rechercheForm input:hover, #rechercheForm select:hover, #rechercheForm input:focus, #rechercheForm select:focus { border: #999 1px solid; background-color: #DDEEFF; }



/******************** CONTACT FORM *******************/
#contactForm { width: 430px; padding: 0; display: block; position: relative; }
#contactForm p { margin: 5px;}

/* fieldset , legend */
#contactForm fieldset { margin-bottom: 10px; /*border: #CCC 1px solid;*/ background: #F7F7F7;  }
#contactForm fieldset:hover { background-color: #FFF; }
#contactForm fieldset legend { padding: 0 10px; border-left: #CCC 1px solid; border-right: #CCC 1px solid; color: #999; font: small-caps bold 24px "Trebuchet MS" }

/* Label */
#contactForm label { /*background-color: #FFCC66;*/ display: block; width: 39%; float: left; padding-right: 1%; text-align: right; letter-spacing: 1px; font: normal 12px "Trebuchet MS"  }
#contactForm label:hover { font: "Trebuchet MS", sans-serif; font-weight: bold; }
#contactForm .form_label_nostyle { background: none; }

/* Input */
#contactForm input, #contactForm select { margin-left: 1%; margin-bottom: 1%; width: 250px; border: #CCC 1px solid;  }
#contactForm input:hover, #contactForm select:hover, #contactForm input:focus, #contactForm select:focus { border: #999 1px solid; background-color: #DDEEFF; }

/* TEXTAREA */
#contactForm textarea { margin-left: 1%;  margin-bottom: 1%; width: 250px; height:73px; border: #CCC 1px solid; }
#contactForm textarea:hover, #contactForm textarea:focus  { border: #999 1px solid; background-color: #DDEEFF; }

/* button submit */
#contactForm input[type="submit"] { width: 50%; margin-right:0 10%; }
#contactForm input[type="submit"]:hover { background-color: #DDEEFF; cursor: pointer; }

/******************** GLOBAL FORM *******************/
#globalForm { width: 80%; padding: 0; margin: 0 auto; display: block; position: relative;}
#globalForm p { margin: 5px;}

/* fieldset , legend */
#globalForm fieldset { margin-bottom: 10px; border: #CCC 1px solid; background: #F7F7F7;  }
#globalForm fieldset:hover { background-color: #FFF; font: small-caps bold 24px "Trebuchet MS" }
#globalForm fieldset legend { padding: 0 10px; border-left: #CCC 1px solid; border-right: #CCC 1px solid; color: #999; font: small-caps bold 24px "Trebuchet MS" }

/* Label */
#globalForm label { /*background-color: #FFCC66;*/ display: block; width: 39%; float: left; padding-right: 1%; text-align: right; letter-spacing: 1px; font: normal 12px "Trebuchet MS"  }

#globalForm label:hover { font: "Trebuchet MS", sans-serif; font-weight: bold; }
#globalForm .form_label_nostyle { background: none; }

/* Input */
#globalForm input, #globalForm select { margin-left: 1%; margin-bottom: 1%; width: 250px; border: #CCC 1px solid;  }
#globalForm input:hover, #globalForm select:hover, #globalForm input:focus, #globalForm select:focus { border: #999 1px solid; background-color: #DDEEFF; }

/* TEXTAREA */
#globalForm textarea { margin-left: 1%;  margin-bottom: 1%; width: 250px; height:73px; border: #CCC 1px solid; }
#globalForm textarea:hover, #globalForm textarea:focus  { border: #999 1px solid; background-color: #DDEEFF; }

/* button submit */
/*#globalForm input[type="submit"] { border: #DDEEFF 1px solid; width: 27%; }
#globalForm input[type="submit"]:hover { background-color: #66CC33; cursor: pointer; }*/





.inset {background: transparent; width:40%; margin:0 auto;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#ccc; border-left:1px solid #999; border-right:1px solid #fff;}