/* ------------------------------------ *
 CSS
 samedi 1 janvier 2005 15:50:45
 * ------------------------------------ */

 /* début DES CSS by Oliv */
body {
    margin: 0px;
    padding: 0px;
    font-family: arial, helvetica, sans-serif;
    background-image: url(img/fond.jpg);
    font-size: 11px;
    color: #333399;
}


/* ------------------------------------ *
 CSS
2 mars  2005 pour moteur movable type du blog
 * ------------------------------------ */
#right {
	float: left;
	background-color: #FFFFFF;
	overflow: hidden;
	}

.sidebar {
	padding: 15px;
	}

#calendar {
  	color: #333399;
	  font-size: 11px;
  	padding: 2px;
	text-align: center;
	margin-bottom: 20px;
	}

#calendar table {
	padding: 2px;
	border-collapse: collapse;
	font-size: 10px;
	width: 100%;
  border-top: solid 1px;
     border-left: solid 1px;
      border-bottom: solid 2px;
     border-right: solid 2px;
    border-color: #929292;
	}

#calendar caption {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .3em;
	}

#calendar th {
	text-align: center;
	font-weight: normal;
	}

#calendar td {
	text-align: center;
	}

.sidebar h2 {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: x-small;
	}

.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;
	}

.sidebar ul ul {
	margin-bottom: 0px;
	}

.sidebar #categories ul {
	padding-left: 15px;
	}

.sidebar li {
	color: #666666;
	font-size: x-small;
	text-align: left;
	line-height: 150%;
	margin-top: 10px;
	list-style-type: none;
	}

.sidebar #categories li {
	list-style-type: circle;
	}

.sidebar img {
	border: 3px solid #FFFFFF;
	}

.photo {
	text-align: left;
	margin-bottom: 20px;
	}

.link-note {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	}

#powered {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	color: #666666;
	margin-top: 50px;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {
	width: 80%;
	}

.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
	}


/* ------------------------------------ *
 finnnnnnnnnnnnn des CSS
2 mars  2005 pour moteur movable type du blog
 * ------------------------------------ */


a.main:link {color: #003366; font-size: 11px;text-decoration: none}
a.main:visited {color: #003366; font-size: 11px;text-decoration: none}
a.main:hover {text-decoration: underline;font-size: 11px;background: #60CD84;}


a.nude:link {color: #FFFFFF; font-size: 10px;text-decoration: none}
a.nude:visited {color: #FFFFFF; font-size: 10px;text-decoration: none}
a.nude:hover {color: #FFFFFF;text-decoration: underline;font-size: 10px;}

a.lien_admin:link {color: #60CD84;font-size: 9px;}
a.lien_admin:visited {color: #60CD84;font-size: 9px;}
a.lien_admin:hover {color: #60CD84;font-size: 9px;}

div#tdoliv
{
  width: 752px;
  height: 160px;
  background: #60CD84;
  background-image: url(img/bando.jpg);
 }

h1
{
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 0px;
}

h2
{
    font-size: 13px;
    font-weight: bold;
    color: #003366;
    font-family: arial, helvetica, sans-serif;
}
h3
{
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: bold;
    color: #003366;
    font-family: arial, helvetica, sans-serif;
}
.news_roll
{
    font-size: 9px;
    color: #60CD84;
    font-family: arial, helvetica, sans-serif;
}

.text
{
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    color: #333399;
     border: 0px dashed #003366;
}

.input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #003366;
    background: #60CD84;
    height: 18px;
    width: 160px;
    border: 1px dashed #003366;
}



.input:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #003366; 
    background: #E4E4E4;
    height: 18px;
    width: 160px;
    border: 1px dashed #DD0000;
}

 

.form_boite {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #003366;
    background: #60CD84;
    height: 18px;
    width: 160px;
    border: 1px dashed #003366;
}

.form_boite:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
     color: #003366; 
    background: #E4E4E4;
    height: 18px;
    width: 160px;
    border: 1px dashed #DD0000;
}

.form_txtarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
        color: #003366;
    background: #60CD84;
    text-decoration: none;
    border: 1px dashed #003366;
}


.form_button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
        color: #003366;
    background: #60CD84;
    border: 1px dashed #003366;
}

.form_button:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
     color: #003366; 
    background: #E4E4E4;
   border: 1px dashed #DD0000;
}

/* BAckground des tableaux */
.tab_news_haut {
background-image: url(img/tab_news/cch.gif);
}

.tab_news_mid {
background-image: url(img/tab_news/ccg22.gif);
}

.tab_news_mid2 {
background-image: url(img/tab_news/ccd22.gif);
}

.tab_news_bas {
background-image: url(img/tab_news/cch2.gif);
}

/* D?but DES CSS du menu by Oliv */
div#frameMenu_oliv
{
    /* border: dashed 1px;background: #E3E7EB;*/
    height: 18px;
    position: relative;

    width: 100%;
    z-index: 14;
    /*border-left: solid 1px;
    border-right: solid 1px;
    border-bottom: solid 1px;
    border-color: black;*/
    text-align: center;
}

ul#Menu_oliv
{
    position: relative;
    z-index: 14;

}

ul#Menu_oliv li
{
    display: inline;
    padding-left: 3px;
    padding-right: 3px;
    z-index: 14;
}

.Cat
{
    display: inline;
    height: 15px;
    letter-spacing: 1px;
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 2px;
    padding-top: 2px;
    background: #60CD84;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #003366;
    text-decoration: none;
    border: dashed 1px;
    border-color: #003366;
    z-index: 2;
}

.CatSelected
{
    display: inline;
    height: 15px;
    letter-spacing: 1px;
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 2px;
    padding-top: 2px;
    background: #60CD84;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #003366;
    text-decoration: none;
    border: dashed 1px;
    border-color: #003366;
    z-index: 2;
    color: #FFFFFF;
    background: #003366;
}

.Cat:hover
{
    color: #FFFFFF;
    background: #003366;
}

/* Fin DES CSS du menu by Oliv */


.msg_error_oliv {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;   
    line-height: normal;
    font-variant: normal;
    text-transform: none;
    color: #AA0000;
    text-decoration: none;

}

.table_fraiz {
BORDER-RIGHT: 2px dashed #CC3300;
BORDER-TOP: 2px dashed #CC3300;
FONT-SIZE: 12px;
BORDER-LEFT: 2px dashed #CC3300;
BORDER-BOTTOM: 2px dashed #000000;
FONT-FAMILY: Arial;
color:#000000;
BACKGROUND-COLOR: #FFFFFF;
}

.submit { BORDER-RIGHT: 1px solid #CC3300; BORDER-TOP: 1px solid #CC3300; FONT-SIZE: 11px;BORDER-LEFT: 1px solid #CC3300; BORDER-BOTTOM: 1px solid #000000; FONT-FAMILY: Arial;color:#000000; FONT-weight: bold;BACKGROUND-COLOR: #FFFFFF }

.textbox { background: transparent; background-color: White; border: 1px solid #000000; color: #000000; font-family: arial; font-size: 10px; scrollbar-face-color: #CCCCCC; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #000000 }



/*****css admin generale***/.gauche
{
 width: 33%;
 text-align: center;
 vertical-align: top;
 font-size:10px;
}

.droite
{
 width:          70%;
 font-size:      10px;
 text-align:     center;
 font-weight:    normal;
 font-family:    Garamond;
 vertical-align: top;
}
.impair, .impair input, .impair select{
 background-color: #c9cefa;
 text-align: center;
 vertical-align: middle;
 font-size: 12px;
 color: #888888;
 font-variant: normal;
 font-weight: normal;
 cursor: default;
}
.pair  , .pair input,   .pair select  {
 background-color: #ffffff;
 text-align: center;
 vertical-align: middle;
 font-size: 12px;
 color: #888888;
 font-variant: normal;
 font-weight: normal;
 cursor: default;
}

.Box input, .Box select, .Box textarea
{
 margin:              0px;
 padding:             0px;
 font-weight:         bold;
 font-size:           10px;
 border-top-color:    #ecf8ff;
 border-left-color:   #ecf8ff;
 background-color:    #eaf1ff;
 border-right-color:  #8cbaff;
 border-bottom-color: #8cbaff;
}

.Box textarea{ font-size: 11px; font-weight: normal;}

.TitleBox
{
 color:            #ffffff;
 font-size:        14px;
 text-align:       center;
 margin-top:       5px;
 font-weight:      bold;
 margin-right:     2px;
 margin-left:      2px;
 font-variant:     small-caps;
 margin-bottom:    0px;
 vertical-align:   middle;
 background-color: #003399;
}