@charset "utf-8";
/* CSS Document */
html{
background-color:#DDDDDD;
}

body {
margin-top: 0px;
background-color:#FFFFFF;
width: 950px;
margin-left: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
text-align: justify;
-moz-box-shadow:0px 3px 20px #999; 
-webkit-box-shadow:0px 3px 20px #999; 
box-shadow:0px 3px 20px #999;
}

h1 {
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
color: #E40001;
}

h2 {
text-align:center;
}
.pole > a {
text-decoration:none;
}
a {
text-decoration: none;
color:#000000;
}

a:hover {
text-decoration: none;
color:#98CC00;
}

img {
border: none;
}

#background {
background-color: #FFFFFF;
-moz-box-shadow:0px 3px 20px #999; 
-webkit-box-shadow:0px 3px 20px #999; 
box-shadow:0px 3px 20px #999;
}

#header {
height: 150px;
padding-left: 40px;
font-size: 14px;
Border-top: 6px solid #98cb00;
}

#global {
float:left;
height:115px;
width:635px;
margin-right:5px;
}
/* rotator placement */
    div#rotator {
	position:relative;
	width:600px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border:0;
	padding: 0;
}
    div#rotator ul li.show {
	z-index:500
}

#container {
width: 950px;
}

#sidebar {
float: left;
padding-top: 20px;
padding-left: 20px;
width: 230px;
font-size: 13px;
}

#sidebar ul {
padding: 0px;
margin-left: 0px;
margin-bottom:0px;
}

#sidebar a {
display: block;
width: 155px;
height: 37px;
background-image: url(predictys-fr/images/boutons/bouton_n.jpg);
background-repeat: no-repeat;
padding-top: 13px;
padding-left: 55px;
}

#sidebar a:hover {
background-image: url(predictys-fr/images/boutons/bouton_s.jpg);
}

#sidebar li {
list-style: none;
width: 163px;
height: 50px;
}

#sidebar li ul {
padding-top: 20px;
padding-left: 10px;
}

#sidebar li ul li {
list-style: none;
text-align: left;
width: 140px;
height: 28px;
}

#sidebar li ul li img {
margin-right: 10px;
border: 0px;
}

#sidebar li ul li a {
background-image: none;
color: #5f5f5f;
width: 140px;
height: 28px;
padding: 0px;
}

#sidebar li ul li a:hover {
background-image: none;
color: #98CC00;
}

#mainContent {
float: right;
width: 680px;
margin-left: 20px;
background-repeat: repeat-y;
}
#mainContent_float{
}


#mainContent p {
padding-left: 20px;
padding-right: 40px;
}

.logo{padding-left: 0px;padding-right: 20px;}
.logo a img{margin-top:10px;}

.p_activite{
padding-right: 150px;
}
#mainContent a {
color:#98cb00;
}

#mainContent ul {
padding-right: 40px;
}

#menuIndex table {
background-color: #FFFFFF;
width: 672px;
height: 55px;
border-style: solid;
border-color: #d3d3d3;
border-width: 1px;
margin: 0px;
/margin-top: -3px;
text-align: center;
font-size: 14px;
}

#menuIndex table td {
width: 224px;
border-style: solid;
border-color: #d3d3d3;
border-width: 1px;
}

#menuIndex table a {
text-decoration: none;
color: #E40001;
}

#menuIndex table a:hover {
text-decoration: none;
color: #98CC00;
}

#encadreIndex {
float: left;
width: 949px;
padding-top: 40px;
font-size: 12px;
}

#encadreIndex table {
width: 870px;
height: 219px;
}

#encadreIndex td {
background-image: url(predictys-fr/images/encadres_v2.jpg);
background-repeat: no-repeat;
background-position: top;
width: 250px;
padding-top: 8px;
padding-bottom: 30px;
padding-left: 20px;
padding-right: 30px;
vertical-align: text-top;
text-align: justify;
}

#encadreIndex td div {
padding-top: 12px;
text-align: center;
}

h3 {
margin: 0px;
color: #000000;
font-size: 14px;
font-weight: bold;
}

h4 {
color: #000000;
font-size: 12px;
font-weight: normal;
font-style: italic;
text-align: left;
padding-top: 10px;
margin-bottom: 12px;
}

#footer {
font-size:14px;
height:43px;
margin-top:15px;
text-align:center;
}

#footer a {
padding-left: 10px;
padding-right: 10px;
}

/* Style post-refonte*/
.bordure {
border-top:3px solid #98CB00;
-moz-box-shadow:2px 3px 5px #999; 
-webkit-box-shadow:2px 3px 5px #999; 
box-shadow:2px 3px 5px #999;
margin-bottom: 30px;
}
.bordure_end{
border-top:3px solid #98CB00;
-moz-box-shadow:2px 3px 5px #999; 
-webkit-box-shadow:2px 3px 5px #999; 
box-shadow:2px 3px 5px #999;
}
.bordure_footer{
border-top:3px solid #98CB00;
-moz-box-shadow:2px 3px 5px #999999;
-webkit-box-shadow:2px 3px 5px #999; 
box-shadow:2px 3px 5px #999;
float:right;
margin-bottom:13px;
width:97%;
height:0px;
}
.photo_nat{
width:200px;
padding-left:4px;
-moz-box-shadow:2px 3px 5px #999;
-webkit-box-shadow:2px 3px 5px #999; 
box-shadow:2px 3px 5px #999;
}
.liens_connexes{
float:left;
width:300px;
margin: 0px 10px;
}
.poles{
width:32%;
float:left;
text-align:center;
}
.champ{
width:300px;
float:left;
margin:5px 0px;
}
.champ{
width:300px;
float:right;
margin:5px 0px;
}
.champ imput{
width:200px;
}
.champ_message textarea{
width:290px;
height:71px;
}
.champ label{
width:100px;
float:left;
padding: 0px 0px 2px 0px;
}
.champ_message label{
width:100px;
float:left;
padding: 0px 0px 2px 0px;
}
.form1{
width:600px;
float:left;
}
.form2{
width:350px;
float:right;
margin-bottom:25px;
}
.envoyer input{
background-color:#FFFFFF;
border:2px solid #000000;
color:#E40001;
font-weight:bold;}
.erreur{
background-color:#EAADEA;
border:1px solid #E40001;
color:#E40001;
font-weight:bold;
margin:10px 0px 20px 35px;
padding:13px 0 13px 8px;
width:93%;
}
/*Pour IE / chrome */
.ie8 {
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa',direction=135, Strength=5); 
zoom: 1; 
border-left:1px solid #AAAAAA;
}
.ie8 .photo_nat{
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa',direction=135, Strength=3); 
zoom: 1; 
}
.ie67 .photo_nat{
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa',direction=135, Strength=5); 
zoom: 1; 
}
.ie67{
border:2px solid #CCCCCC;
border-top:none;
}
.ie67 .bordure_footer{
margin-right:3px;
}
.ie67 .bordure {
margin-right:3px;
}
.ie67 .bordure_end{
margin-right:3px;
}
.actualite{
margin:5px 35px 10px 35px;
/*padding: 0 30px 0 30px;*/
}
.ie67 .actualite{
margin:10px 3px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .actualite{
    display:none;
  }
}
.chrome{
text-align:justify; 
margin:5px 35px 10px 35px;
display:none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .chrome{
    display:block;
  }
}
.ie8 .chrome{
display:none;
}
.ie67 .chrome{
display:none;
}
