/* CSS Document */

*
{
margin:0;
padding:0;
}

HTML, BODY{
position:relative;
width:1040px;
/*height:20px;
background:url(img/front/bg_general.png) repeat-y;*/
margin:0 auto;
}
/*------------------------------------CLASSES---------------------------*/
.right{
display:block;
float:right;
margin:-70px 0 0 -20px;
}
.right2{
display:block;
float:right;
clear:right;
margin:0 20px 0 20px;
}
.left{
display:block;
float:left;
margin:0 20px 10px 0;
}

.suite{
font:12px Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#1c4b1f;
padding-left:15px;
float:right;
}

.center{
display:block;
text-align:center;
margin:0 auto;
}

.titre_vert{
color:#1c4b1f;
}

.actu{
text-align:left;
width:500px;
height:32px;
font:18px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#e95f18;
background:url(img/content/vcalendar.gif) no-repeat;
padding-left:40px;
}

.sous-menu{
list-style:none;
}

.encadre{
display:block;
border:solid 1px #535353;
padding:10px;
text-align:left;
}

.blank{
width:691px;
background-color:#FFF;
clear:left;
display:block;
}

.blockquote1 p{
position:relative;
display:block;
padding:10px;
margin:15px 0 0 0;
border:solid 1px #b6b5b6;
background:#FFF;
}

.blockquote2{
position:absolute;
float:left;
top:125px;
left:0px;
display:block;
padding:10px;
border:solid 1px #b6b5b6;
background:#FFF;
}
/*-----------------------------------MAIN----------------------------*/
#mainBody{
position:relative;
float:left;
margin:0 auto;
background:url(img/front/bg_general.png) repeat-y;
width:980px;
padding:0 40px 0 40px;
text-align:center;
}

h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:lighter;
font-size:30px;
color:#1c4b1f;
}

h1 span{
font-size:24px;
color:#669933;
}
/*----------------------------------TOP-------------------------------*/

#top{
position:relative;
top:0px;
left:0px;
width:978px;
height:150px;
border-left:solid 1px #9b9a9a;
border-right:solid 1px #9b9a9a;
border-bottom:solid 1px #9b9a9a;
background:url(img/front/bg_top2.png) no-repeat;
behavior: url(common/js/IE_PNG_FIX/iepngfix.htc);

}

#logo{
width:302px;
height:80px;
position:absolute;
top:10px;
left:50px;
margin:0;
background:url(img/content/logo_hp.png) no-repeat;
behavior:url(common/js/IE_PNG_FIX/iepngfix.htc);
}



#main{
position:relative;
float:left;
margin:0 auto;
width:980px;
padding-top:500px;
}

#leftPan{
position:relative;
float:left;
width:220px;
margin-top:-500px;
}


/*--------------------------------MENU DE GAUCHE----------------------------*/

#menuLeft{
position:relative;
clear:both;
width:205px;
height:438px;
background:url(img/front/bg_menuLeft.png) no-repeat;
padding:10px 15px 0 0;
text-align:right;
margin-top:20px;
}

#box{
position:relative;
width:200px;
font:12px Arial, Helvetica, sans-serif;
text-align :left;
margin-bottom:20px;
margin-left:10px;
}

#box h2{
font:14px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#1c5d54;
}

#box p{
border:#1c5d54 solid 2px;
background:#94b042;
padding:10px;
color:#FFF;
}


#box a{
color:#1c5d54;
font-weight:bold;
text-decoration:underline;
}

#box a:hover{
color:#e95f18;
font-weight:bold;
text-decoration:underline;
}





/*#menuLeft ul{
width:200px;
margin-top:80px;
font-family:Arial, Helvetica, sans-serif;
display:block;
float:right;
}

#menuLeft li{
border-top:#535353 1px dotted;
width:158px;
height:30px;
padding-top:4px;
list-style:none;
display:block;
float:right;
}

#menuLeft li a{
font-size:14px;
color:#535353;
font-weight:bold;
text-decoration:none;
}

#menuLeft li a:hover{
font-size:14px;
color:#669933;
font-weight:bold;
text-decoration:none;
}
#menuLeft li a.current{
font-size:14px;
color:#669933;
font-weight:bold;
text-decoration:none;
}
*/
/*---------------------------------MAIN TOP----------------------------------------
Contenu Veosearch
*/

#rightPan{
position:relative;
float:left;
width:760px;
margin-top:-500px;
left:0px;
}


#mainTopRight{
position:relative;
float:left;
top:10px;
padding-top:10px;
padding-left:10px;
}



#mainTop{
position:relative;
float:left;
margin:20px 0px 0 20px;
width:455px;
height:182px;
background:url(img/front/bg_topMainNew.png) no-repeat;
padding:10px;
}

#mainTop h1{
text-align:left;
}

#mainTop h2{
display:block;
text-align:left;
height:32px;
font:18px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#e95f18;
background:url(img/content/vcalendar.gif) no-repeat;
padding-left:40px;
margin:0;
}

#mainTop h3{
text-align:left;
font:16px Arial, Helvetica, sans-serif;
color:#626162;
}

#mainTop p{
text-align:left;
font:12px Arial, Helvetica, sans-serif;
color:#535353;
padding-right:100px;
}

/*-------------------------------------BOXES---------------------------------------------
Boutons actualités / publications / nous aider*/

#boxGreen1{
position:relative;
float:left;
margin:20px 0 0 20px;
width:222px;
height:80px;
background:url(img/front/bg_boxGreen1.png) no-repeat;
padding-top:15px;

behavior: url(common/js/IE_PNG_FIX/iepngfix.htc);
}

#boxGreen2{
float:left;
margin:20px 0 0 30px;
width:222px;
height:80px;
background:url(img/front/bg_boxGreen2.png) no-repeat;
padding-top:15px;

behavior: url(common/js/IE_PNG_FIX/iepngfix.htc);
}

#boxGreen3{
float:left;
margin:20px 0 0 31px;
width:222px;
height:80px;
background:url(img/front/bg_boxGreen3.png) no-repeat;
padding-top:15px;

behavior: url(common/js/IE_PNG_FIX/iepngfix.htc);
}

#boxGreen1 h1, #boxGreen2 h1, #boxGreen3 h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:lighter;
font-size:40px;
color:#FFFFFF;
text-align:center;
}

#boxGreen1 h1 span, #boxGreen2 h1 span, #boxGreen3 h1 span{
font-size:14px;
line-height:22px;
color:#FFFFFF;
text-align:left;
}

#boxGreen1 a, #boxGreen2 a, #boxGreen3 a, #boxGreen1 a span, #boxGreen2 a span, #boxGreen3 a span{
width:202px;
height:75px;
text-decoration:none;
color:#FFFFFF;
}

#boxGreen1 a:hover, #boxGreen2 a:hover, #boxGreen3 a:hover, #boxGreen1 a:hover span, #boxGreen2 a:hover span, #boxGreen3 a:hover span{
width:202px;
height:75px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}

#boxGreen1 a.current, #boxGreen2 a.current, #boxGreen3 a.current, #boxGreen1 a.current span, #boxGreen2 a.current span, #boxGreen3 a.current span{
width:202px;
height:75px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}


/*-------------------------------------------MAIN MIDDLE------------------------------------
contenu : les objectifs*/

#mainMiddle{
position:relative;
float:left;
margin:20px 0px 0 20px;
width:708px;
height:174px;
background:url(img/front/bg_mainMiddle.png) no-repeat;
padding:10px;
behavior: url(common/js/IE_PNG_FIX/iepngfix.htc);
}

#mainMiddle h1{
text-align:left;
margin-bottom:20px;
}

#mainMiddle p{
text-align:left;
font:12px Arial, Helvetica, sans-serif;
color:#535353;
}

#mainMiddle a:hover{
color:#e95f18;
}

#mainMiddle h3.un{
width:244px;
height:50px;
text-align:left;
font:18px Arial, Helvetica, sans-serif;
color:#626162;
background:url(img/content/puce-un.png) no-repeat;
padding-left:56px;
behavior: url(common/js/IE_PNG_FIX/iepngfix.htc);
}

#mainMiddle h3.deux{
width:244px;
height:50px;
text-align:left;
font:18px Arial, Helvetica, sans-serif;
color:#626162;
background:url(img/content/puce-deux.png) no-repeat;
padding-left:56px;
behavior: url(common/js/IE_PNG_FIX/iepngfix.htc);
}

#mainMiddle h3 span{
color:#9b9a9a;
}



/*-------------------------------------------MAIN BOTTOM ------------------------------------
contenu : les partenaires*/

#mainBottom{
position:relative;
float:left;
margin:20px 20px 0 0px;
width:950px;
height:144px;
background:url(img/front/bg_mainBottom.png) no-repeat;
padding:10px;
behavior: url(common/js/IE_PNG_FIX/iepngfix.htc);
}

#mainBottom h1{
text-align:left;
}

#mainBottom ul{
width:900px;
margin-top:-20px;
text-align:right;
}

#mainBottom li{
display:inline;
margin-bottom:10px;

}
#mainBottom img{
margin-left:10px;
border:none;
}

#mainBottom p{
text-align:right;
padding-right:10px;
}

#mainBottom a:hover{
color:#e95f18;
}

/*-------------------------------------------MIDDLE LEFT ------------------------------------
contenu : soliland*/

#bottomRight{
float:left;
margin:20px 0px 0 50px;
width:320px;
height:79px;
background:url(img/front/bg_bottomRight.png) no-repeat;
padding:10px;
behavior: url(common/js/IE_PNG_FIX/iepngfix.htc);
}

#bottomRight h1{
text-align:left;
}

#bottomRight p{
text-align:left;
}

#bottomRight a:hover{
color:#e95f18;
}
/*-------------------------------------------MAIN ------------------------------------*/

#mainContenu{
position:relative;
float:left;
margin:20px 0 0 20px;
width:728px;
font:12px Arial, Helvetica, sans-serif;
}

#mainContenuTop{
display:block;
background:url(img/content/mainTop.png) no-repeat;
width:728px;
height:20px;
font-size:0;
behavior: url(common/js/IE_PNG_FIX/iepngfix.htc);
}

#mainContenuMiddle{
width:656px;
border-left:solid 1px #b5b5b6;
border-right:solid 1px #b5b5b6;
text-align:left;
padding:0 35px 0 35px;
}

#mainContenuMiddle h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:lighter;
font-size:30px;
color:#1c4b1f;
width:600px;
}


#mainContenuMiddle h2{
font:14px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#669933;
font-weight:bold;
}

#mainContenuMiddle h3{
font:14px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#626162;
font-weight:bold;
text-indent:25px;
}

#mainContenuMiddle h4{
font:14px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#626162;
font-weight:bold;
}

#mainContenuMiddle h5{
font:14px Arial, Helvetica, sans-serif;
color:#669933;
font-weight:bold;
}



#mainContenuMiddle p{
display:block;
font:12px Arial, Helvetica, sans-serif;
color:#535353;
text-align:justify;

}

#mainContenuMiddle a{
font:12px Arial, Helvetica, sans-serif;
color:#e95f18;
text-decoration:underline;
}

#mainContenuMiddle a:hover{
font:12px Arial, Helvetica, sans-serif;
color:#669933;
text-decoration:underline;
}

#mainContenuMiddle img{
border:none;
vertical-align:top;
}

#mainContenuMiddle ul.sous-menu li{
list-style:none;
}
#mainContenuMiddle ul.sous-menu li a{
color:#e95f18;
}

#mainContenuMiddle ul.sous-menu li a:hover{
color:#799c13;
}

#mainContenuMiddle ul{
padding-left:20px;
font:12px Arial, Helvetica, sans-serif;
}

#mainContenuMiddle li{
list-style:square;
width:580px;
color:#535353;
text-align:justify;
vertical-align:top;
}

#mainContenuMiddle li a{
color:#e95f18;
}

#mainContenuMiddle li a:hover{
color:#799c13;
} 

#mainContenuBottom{
display:block;
background:url(img/content/mainBottom.png) no-repeat;
width:728px;
height:20px;
font-size:0;
}

#mainContenuBottom a{
text-decoration:underline;
color:#1c4b1f;
}

#mainContenuBottom a:hover{
color:#e95f18;
}
/*-------------------------------------------FOOTER ------------------------------------*/

#footer{
float:left;
margin:20px 0 0 0;
width:980px;
height:30px;
border-top:dotted 1px #000000;
border-bottom:dotted 1px #000000;
padding:5px 0 5px 0;
margin-bottom:10px;
}

#footer p{
font:12px Arial, Helvetica, sans-serif;
color:#535353;
}

#footer img{
border:none;
}

/*----------------------------------Menu jquery--------------------------------------------------*/

.navigation { 
      padding: 0; 
      list-style: none; 
      background: transparent; 
      color: #535353; 
      width: 158px; 
      font: 14px Arial, sans-serif; 
	  margin:20px 0 0 50px;
      } 
   .navigation a, .navigation span { 
      	display: block; 
		color: #535353; 
		font-size:14px;
		font-weight:bold;
      	border-top:#535353 1px dotted;
		padding:10px 10px;
		text-decoration:none;
		list-style:none;
      } 
	  
	  
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
      background: url(img/menu/arrow_right.png) no-repeat center right; 
	  color: #535353; 
	  padding-right:15px;	  
      } 
   .navigation .open a, .navigation .open span { 
      background: url(img/menu/arrow_down.png) no-repeat  center right;
	  color: #535353; 
	  padding-right:15px; 
      } 
   .navigation a:hover, .navigation a:focus, .navigation a:active { 
      text-decoration: underline; 
	  list-style:none;
	  color:#669933;
      } 
   .navigation .subMenu { 
      font-size:10px; 
      background: #ccc; 
      margin: 0; 
      padding: 0; 
      border-bottom: 1px solid #666; 
	  list-style:none;
      } 
   .navigation ul.subMenu a { 
      background: none; 
	  font-size:11px; 
      padding: 3px 10px; 
	  list-style:none;
      }