@charset "utf-8";
/* CSS Document */

body
{
	width: 980px;
	height:auto;
	margin: auto;
	background-color:#004F88;
}

#page
{
	background-color:#6593C5;
	width: 980px;
}

#banniere
{
	background-color:#0000FF;
	margin: auto;
	height: 110px;
	width: 980px;
	margin-top:-40px;
}

#menubaner
{
	background-color:#c3c7e2;
	width: 980px;
	height: 20px;
	margin-top:-20px;
	position:absolute;
	font-weight: bold;
}

#corps
{
	background-color:#6593C5;
	margin-bottom: 20px;
	margin-top:20px;
	padding: 5px;
	width: 980px;
	padding:0px;
	font-size:15px;
}

#page-principal-news
{
	text-align: justify;
	font-size: 1em;
	color: #000000;
}


#editorial
{
	height: auto;
	width: 350px;
	-moz-border-radius:10px;
	background-color:#d8e8ff;
}


#agenda
{
	height: auto;
	width: 350px;
	-moz-border-radius:10px;
	background-color:#d8e8ff;

}

#new-newsletter
{
	height: auto;
	width: 350px;
	background-color:#d8e8ff;
	-moz-border-radius:10px;

}

#corps-droit
{
	height: auto;
	width: 350px;
	margin-left:60px

}

#inscription-newletter
{
	width: 350px;
	-moz-border-radius:10px;
	background-color:#d8e8ff;
	height: auto;
}

#rubrique-paraitre
{
	height: auto;
	width: 350px;
	-moz-border-radius:10px;
	background-color:#d8e8ff;
}

#liens-utiles
{
	height: auto;
	width: 350px;
	-moz-border-radius:10px;
	background-color:#d8e8ff;

}

#les-defis
{
	height: auto;
	width: 350px;
	-moz-border-radius:10px;
	background-color:#d8e8ff;
}

#sujet-du-mois
{
	height: auto;
	width: 750px;
	-moz-border-radius:10px;
	background-color:#d8e8ff;
	color: #000000;
	text-align:left;
}

#footer
{
	background-color:#ffffff;
	background-image:url("../images/corps-site/footer.jpg");
	margin-top:-20px;
	width: 980px;
	height: 35px;
	font-size:11px;
	color: #ffffff;
}

#preprogramme
{
	font-size:20px;
}
#navigation li a
{
	padding: 5px 5px 0 5px;
	height: 28px;
	float: left;
	font-family: "Trebuchet MS";
	font-size: 1.00em;
	font-weight: bold;
	letter-spacing:-0.03em;
	color: #b1b3ab;
}

#navigation li a:hover
{
	color: #82865b;
	background: #394030 url(../images/nav_hover_bg.gif) 0 0 repeat-x;
	 list-style-type: none;
}

#navigation ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

a
{
text-decoration:none;
}

a:visited
{
text-decoration:none;
}

a img
{
	border:none;
}


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#emenu {

top: 0;
right: 10px;
z-index:100;
width: 100%; /* correction pour Opera */
font-size:13px;
color:#FFFFFF;
}
#emenu dl {
float: left;
width: 10.75em;
}
#emenu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #000000;
border: 1px solid gray;
margin: 1px;
}
#emenu dd {
display: block;
border: 1px solid gray;
}
#emenu li {
text-align: center;
background: #a1bdeb;
}
#emenu li a, #emenu dt a {
color:#FFFFFF;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#emenu li a:hover, #emenu li a:focus, #emenu dt a:hover, #emenu dt a:focus
{
background: #568203;
}
#emenuaccueil dt
{
margin-left:1px;
}

#esite {
position: absolute;
z-index: 1px;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
}


/* ================================ */
/*    Content                       */
/* ================================ */


#contenthome, #wrapper {
	background-color: #;
}

div#content {
	background-color: #;
	margin: 0 10px 10px 0;
	margin-top: 40px;
	text-align: justify;
	font-size: 0.85em;
	color: #ffffff;
	font-family: "Trebuchet MS";
}

div#content b, div#content strong {
	color: #000000;
}

div#content a, div#content a:visited {
	color: #0d8f67;
	font-weight: bold;
}

div#content a:hover {
	color: #000000;
	font-weight: bold;
}

div#content p {
	margin-bottom: 15px;
}

div#content .texte {
	margin: 15px 0 20px 0;
}

div#content .top {
	clear: both;
	border-top: 1px solid #0d8f67;
	margin: 25px 0 20px 0;
	font-size: 0.8em;
	font-family: tahoma, arial, sans-serif;

}

div#content .top a, div#content .top a:visited {
	color: #8fade5;
	text-transform: uppercase;
	text-decoration: underline;
}

div#content .top a:hover {
	color: #8fade5;
	text-transform: uppercase;
	text-decoration: none;
}

div#content blockquote {
	border: 1px solid #0d8f67;
	padding: 10px;
}

div#content ul, div#content ol {
	margin: 0 0 10px 25px;
}

div#content ul li {
	list-style-type: disc;
	margin-bottom: 5px;
}

div#content ol li {
	list-style-type: decimal;
	margin-bottom: 5px;
}

div#content .liens {
	margin: 0 0 20px 0;
	border: 1px dotted #cccccc;
	text-align: right;
	padding: 5px;
}

div#content .liens span {
	padding: 0 5px 0 5px;
}

div#content .liens a {
	color: #8fade5;
}

div#content .liens a:hover {
	color: #8fade5;
	text-decoration: none;
}

#grpolice
{
	font-family: "Trebuchet MS";
	font-size: 1.50em;
}

div#content h1 {
	color: #ffffff;
	text-transform: uppercase;
	font-family: helvetica, arial, sans-serif;
	font-size: 1.4em;
	font-weight :bold;
	border-bottom: 4px solid #0d8f67;
	margin-bottom: 10px;
}

div#content h1 span {
	padding: 4px 24px 0 4px;
	background: #0d8f67 url(../images/onglet-triangle.gif) no-repeat top right;
}

div#content #texte p {
	padding-left: 10px;
	text-align:justify;
}

div#content #texte h1 {
	color: #008055;
	text-align: left;
	border-bottom: 1px dotted #0d8f67;
	margin: 20px 0 10px 0;
	text-transform: uppercase;
	font-family: helvetica, arial, sans-serif;
	font-size: 1.3em;
	font-weight :bold;
	clear: both;
}

div#content #texte h2 {
	color: #008055;
	text-align: left;
	font-family: helvetica, arial, sans-serif;
	font-size: 1.2em;
	font-weight :bold;
	margin: 30px 0 10px 0;
	padding-left: 15px;
	background: url(../images/ico-carre.gif) no-repeat 0 4px;
	clear: both;
}

div#content #texte h2 em {
	color: #000000;
}

div#content #texte h3 {
	text-transform: uppercase;
	text-align: left;
	padding-left: 15px;
	color: #8fade5;
	font-family: helvetica, arial, sans-serif;
	font-size: 1.1em;
	font-weight :bold;
	margin: 10px 0 10px 0;
	clear: both;
}

div#content #texte h3 a:hover {
	color: #008055 !important;
	font-weight: bold;
}


div#content #texte h3 a {
	color: #8fade5;
}

div#content #texte h3 a:hover {
	color: #8fade5;
}




div#content #texte h4 {
	text-transform: uppercase;
	text-align: left;
	padding-left: 15px;
	color: #3b4677;
	font-family:  arial;
	font-size: 1.1em;
	font-weight :bold;
	margin: 10px 0 10px 0;
	clear: both;
}

div#content #texte h4 a:hover {
	color: #008055 !important;
	font-weight: bold;
}


div#content #texte h4 a {
	color: #8fade5;
}

div#content #texte h4 a:hover {
	color: #8fade5;
}


div#content #texte h5 {
	text-transform: uppercase;
	font-style:oblique;
	text-align: left;
	padding-left: 15px;
	color: #3b4677;
	font-family: helvetica, arial, sans-serif;
	font-size: 0.85em;
	font-weight :bold;
	margin: 10px 0 10px 0;
	clear: both;
}

div#content #texte h5 a:hover {
	color: #008055 !important;
	font-weight: bold;
}


div#content #texte h5 a {
	color: #8fade5;
}

div#content #texte h5 a:hover {
	color: #8fade5;
}


div#content ul.plan ul {
	padding-left: 15px;
}

div#content span.requiredfield {
	color: #ff0000;
	font-weight: bold;
}

/* ================================ */
/*    Form                                                 */
/* ================================ */

div#content form {
	margin: 10px 0 10px 0;
}

div#content form fieldset {
	padding: 15px 10px 15px 10px;
	border: 1px solid #0d8f67;
}

div#content form fieldset legend {
	padding: 0 10px 0 10px;
	font-size: 1.3em;
	color: #0d8f67;
}

div#content form div {
	padding-bottom: 5px;
}

div#content form label {
	float: left;
	color: #0d8f67;
	font-weight: bold;
	text-align: right;
	padding-right: 1px;
	width: 150px;
}

div#content form select, div#content form input, div#content form textarea {
	color: #333333;
	font-family: arial,sans-serif;
	border: 1px solid #dedede;
	padding: 2px;
	width: 270px;
	font-size: 1em;
}

div#content form textarea {
	font-size: 1.2em;
}

div#content form .required, div#content form .error {
	color: #ff0000;
}

div#content small {
	color: orange;
	font-weight: bold;
}

div#content .smallfield input, div#content .smallfield select {
	width: 140px;
}

div#content .bigfield input, div#content .bigfield select {
	width: 270px;
}

div#content .smallmsg textarea {
	width: 350px;
	height: 80px;
}

div#content div.submit {
	margin-top: 10px;
	clear: both;
}

div#content div.submit input {
	height: 28px;
	text-align: center;
	float: right;
	margin: 0;
	padding: 5px;
	border: 0;
	background: transparent url(../images/btn-envoyer.gif) no-repeat center center;
	background-color: #0d8f67;
	text-indent: -9999px;
	color: expression(this.value = '');
	cursor: pointer;
	cursor: hand;
}

div#news
{
	margin : auto;
	height : 400px;
	width : 700px;
	overflow : auto;
	background-color: #FFEEC9;
	font-size : 1.2em;
}


/* ================================ */
/*    Tableaux                      */
/* ================================ */

table.tblalbum {
	margin-bottom: 20px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
table.tblalbum td {
	border-bottom: 1px solid #C1DAD7;
	padding: 6px 15px 20px 12px;
	color: #4f6b72;
	width: 50%;
}












#emenue ol{
position: inherit;
margin-left:10px;
z-index:100;
top: 1em;
left: 1em;
width: 10em;
border: 1px solid gray;
}





#emenuverticale {
position: inherit;
margin-left:1px;
top: 1em;
left: 1em;
width: 10em;
border: 1px solid gray;
}

#emenuverticale dt {
cursor: pointer;
background: #3b4677;
height: 20px;
line-height: 20px;
margin: 2px 0;
border: 1px solid gray;
text-align: center;
font-weight: bold;
}

#emenuverticale dd {
position: absolute;
z-index: 100;
left: 8em;
margin-top: -1.4em;
width: 10em;
border: 1px solid gray;
}

#emenuverticale ul {
padding: 2px;
}
#emenuverticale li {
text-align: center;
font-size: 85%;
height: 18px;
line-height: 18px;
background: #a1bdeb
}
#emenuverticale li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}

#emenuverticale li a:hover {
text-decoration: underline;
}

#tsi
{
	height: auto;
	width: 330px;
}

#tsi2
{
	height: auto;
	width: 730px;
}