/* Feuille de Style CSS
 * |esta.site|
 */

*
{
    margin: 0;
    padding: 0;
}

.style35 {
	color: #4D6DBB;
	font-weight: bold;
}

a
{
    color: /*#FF0033*/ #24640F;
    font-weight:bold;
}

a:hover
{
    color: #3300CC;
}

body 
{
    background: #A3C5D4;
    font: normal 0.7em "Trebuchet MS",tahoma,sans-serif;
    margin: 3px 0; /* 1% pour la marge en bas + haut */
}

p,ul
{
    padding-bottom: 1em;
    text-align : justify;
}

.main ul
{
	padding-left : 15px;
}

li
{
   /* list-style-image: circle; */
   list-style-image : url(/esta/images/li.png);
}

blockquote
{
    background: #FFFFCC;
    border-bottom: 1px dotted #000000;
    border-top: 1px dotted #000000;
    color: #000099;
    display: block;
    font-size: 1em;
    margin-bottom: 1.2em;
    padding: 6px 12px;
}

.clearer
{
    clear: both;
}
.main .padded
{
    padding: 10px 20px 10px 20px;
    border : 1px black solid;
    border-top : none;
    background : #F4F9FD;
    min-height : 430px;
}
.micro
{
    font-size: 0.9em;
    color: #666666;
}
.left
{
    float: left;
}
.right
{
    float: right;
}

.container
{
    font-size: 1.2em;
    background: #F3F1EF;
    border : 1px black solid;
    margin: 0 auto;
    width: 1000px;
}


.header
{
    float: left;
    width: 1000px;
    height: 143px;
    border-bottom : 1px black solid;
}

.menu
{
    float: left;
    width: 200px;
}
.droite
{
    float: right;
    width: 175px;
}
.main
{
    float: left;
    width: 625px;
}

.menu h1,.droite h1
{
    background: #EFEFF8;
    color: #62626A;
    font-weight: bold;
    font-size: 1.2em ;
    line-height: 20px;
    text-align : center;
}
.menu ul,.droite ul
{
    background : #FFF;
    border-top : 1px black solid;
    border-bottom : 1px black solid;
}
#sousmenu
{
	margin-left:30px;
	margin-bottom : 0px;
    border: none;
}
#sousmenu2
{
    margin-left:30px;
    margin-bottom : 0px;
    border: none;
}
#sousmenu3
{
    margin-left:30px;
    margin-bottom : 0px;
    border: none;
}
#ssousmenu1,#ssousmenu2,#ssousmenu3,#ssousmenu4
{
	margin-left:40px;
    margin-bottom : 0px;
    border: none;
}
.menu li,.droite li
{
    list-style: none ;
    padding : 2px;
}
.menu li a, .menu li form,.droite li a, .droite li form
{
    background: #FFF;
    color: black;
    display: block;
    padding: 3px 3px 3px 8px;
    text-decoration : none;
    font-weight : bold;
    font-style:normal;
}
#sousmenu li a
{
	background :#F1F0D4;
}

#sousmenu2 li a
{
	background :#F1F0D4;
}
#sousmenu3 li a
{
	background :#F1F0D4;
}
#ssousmenu1 li a,#ssousmenu2 li a,#ssousmenu3 li a,#ssousmenu4 li a
{
	background : #F4F1B6;
}
.main .padded li
{
	margin-left:40px;
}
.menu li a:hover,.droite li a:hover
{
    background :#CACBED;
    font-style:italic;
}

.footer
{
    background:#EBF09F;
    border-top : 1px black solid;
    color: #000;
    font-size: 1em;
    line-height: 40px;
    width: 100%;
    margin-top : 3px;
}
.footer .left,.footer .right
{
    padding: 0 16px;
}
.footer a
{
    color: blue;
}
.footer a:hover
{
    color: yellow;
}

marquee
{
	border-top : none;
	text-align : center;
	padding : 5px ;
}
.droite li marquee a
{
    padding: 8px 0 8px 12px;
    text-decoration : none;
    color:blue;
}
.droite li marquee a:hover
{
	color : red;
	background:white;
}

h1
{
	color : blue;
	font-size : 1.4em;
}
input, textarea
{
	background : #E9F0F5;
	border : 3px solid #326BA9;
	padding : 2px;
	margin : 2px;
}

input:focus,textarea:focus
{
	background : white;
}
.button,.button:focus
{
	background :#67A54B;
	color : white;
	font-weight : bold;
	padding : 2px;
	border : 2px black groove ;
}

.news table
{
	margin: 10px;
	border : 3px black solid;
	color : blue;
	width:98%;
	border-spacing : 0;
	border-collapse : collapse;
}
.news td , .news th
{
	border : 3px black solid;
	padding : 5px;
	text-align : center;
	font-size : 1em;
}
.news td a { font-weight : normal;}
.icone
{
	border : none;
	vertical-align:middle;
}
.numeroPage
{
	padding : 5px;
	border : 1px green solid;
	text-decoration : none;
	font-weight : bold;
}

.comm
{
	width : 80%;
	color : #369;
	background :#F3FAC4;
	border : 1px black dotted;
	font-size : 1.1em;
	padding : 7px;
	margin-bottom : 7px;
}
.smallBack
{
	background : #333333 ;
	border : 3px yellow solid;
	display : block;
	padding : 2px;
	color : white;
	font-family : Purisa;
	text-align : center;
	font-size : 1.3em;
	line-height : 2em;
}
.tinyBack
{
	background : #DEE9F2;
	border : 1px black solid;
	padding : 3px;
	padding-right : 10px;
	font-weight : bold;
	font-style:italic;
	font-size : 1.1em;
	line-height : 1.5em;
}
.tinyBack a { color : black; text-decoration : none;}

.tinyBack a:hover,.smallBack a:hover { color : yellow;}

.padded form, .padded ul
{
	background:#BBE9FF;
	-moz-border-radius : 10px;
	width:80%;
	padding:15px;
	margin : 5px;
	border : 2px black solid;
	color:#336699;
}

.main .padded h3,.main .padded h2
{
	color : blue;
	text-decoration : underline;
}
.main .padded h4
{
	color : green;
	text-decoration : underline;
}