@charset "utf-8";

* {
margin:0;
padding:0;
background:transparent;
}

img {
border: none;
}

body {
	font-family: verdana, "trebuchet ms", verdana, arial, tahoma;
}

.clear
{
	clear:both;
}


/************ CONTENEUR *****************/

#conteneur {
	height:auto;
	margin:auto;
	width:964px;
	background-color:#FFFFFF;
}

/********************************* Header ***************************************/ 
#header {
	height: 180px;
	width:964px;
	background-image: url("../Images/bandeau-sorgues.jpg");
	background-repeat: no-repeat;
	background-position: right top;	
	position: relative;
}

#header-menu {
	height: 20px;
	width:964px;
	text-align:left;
	margin-top:2px;
	font-size:11px;
	float: left;
}

#angle-header {
	/*background-image: url(images/angle-headermenu.gif);
	background-repeat: no-repeat;
	background-position: right bottom;*/
	padding-right: 30px;
	display:inline;	
}

#header-menu ul{
	height: 35px;
	display:inline;	
}

#header-menu li{
	list-style-type: none;
	float: left;
}

#header-menu a{
	color: #0079A8;
	text-decoration:none;
	padding-right: 10px;
}

#header-menu a:hover {
	color: #6C7F87;
}

#header-menu #active-headermenu a{
	color: #E19C0A;
}

#header-menu img{
	padding-right: 5px;
}

#logo {
	display:block;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
}

#title {
	float: left;
	margin-left: 22px;
	margin-top: 88px;
	height:60px;
}

.line1 {
	position: absolute;
	top: 103px;
	left: 223px;
	color: #0079A8;
	font-size:30px;
	font-weight: bold;

}

.line2 {
	position: absolute;
	top: 113px;
	left: 343px;
	color: #6C7F87;
	font-size:25px;
	width: 602px;
}

.line2 span{
	color: #6C7F87;
	font-size:50px;
}
/********************************* FIN Header  ***************************************/ 

/********************************* Main menu ***************************************/
#main-menu {
	width: 964px;
	font-size: 12px;
	height: 22px;
	margin-top: 10px;
	border-top : 1px solid #8A9EA6;
	border-bottom : 1px solid #8A9EA6;
	background-color:#eee;
}

#main-menu ul{
	text-align: right;
	padding: 4px;
}

#main-menu li{
	list-style-type: none;
	display:inline;
	text-transform:uppercase;
}

#main-menu a{
	color: #6C7F87;
	text-decoration:none;
	padding: 0 10px 0 10px;
}

#main-menu a:hover, #active a {
	color: #FFFFFF;
	background-color:#E19C0A;
	border-top : 3px solid #E19C0A;
	border-bottom : 3px solid #E19C0A;

}
/********************************* FIN Main menu ***************************************/


/**************************** Content ***************************/

#content{
	width: 964px;
	height: auto;
	background: #8A9EA6 url('../Images/img-menugauche-tresgrande.jpg') no-repeat left bottom;
}
	
	
	
	/********************************* Menu gauche****************************************/
#leftBlock {
	float: left;
	width: 218px;
	height: auto;
	padding-top: 10px;
}

/********** Recherche *************/
#search 
{
	padding: 0 5px 15px 8px;
}

#search  span 
{
	color: #fff;	
	font-size: 12px;
}

#search a
{
	font-size: 12px;
	border:solid #fff 1px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding:1px;
}

#search a:hover
{
	background-color:#fff;
	color:#8a9ea5;
}

#search input 
{
	background-color:#fff;
}


/********** FIN Recherche *************/


/********** menus principaux *************/
#menu-gauche {
	padding: 15px 0 15px 0;
}

#titre-menugauche {
	background-image: url("../Images/demi-gauche-orange.gif");
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #E19C0A;
}

#menu-gauche h5{
	height: 18px;
	color:#FFFFFF;
	border-top : 1px solid #E19C0A;
	border-bottom : 1px solid #E19C0A;
	padding: 0 10px 0 10px;
	background-image: url("../Images/demi-droite-orange.gif");
	background-repeat: no-repeat;
	background-position: right center;	
}

#menu-gauche ul, #acces-rapide ul{
	padding: 0 5px 0 16px;	
}

#menu-gauche li, #acces-rapide li{
	list-style-type: none;	
	padding-top: 2px;
}

#menu-gauche a, #acces-rapide a{
	text-decoration:none;
	color: #2F383D;
	font-size:12px;
}

#menu-gauche a:hover, #acces-rapide a:hover{
	color: #FFF;
}

#menu-gauche #active-menugauche a, #acces-rapide #active-accesrapide a{
	color: #FFF;
}

#menu-gauche #sous-menu, #acces-rapide #sous-menu{
	padding-left: 2px;
}

#menu-gauche #sous-menu li, #acces-rapide #sous-menu li{
	list-style-type: none;	
	line-height : 15px;
	padding: 0 0 0 15px;
}

#menu-gauche #sous-menu li:hover, #acces-rapide #sous-menu li:hover{
	background-image: url("../images/fleche-menu.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

#sous-menu #active-sousmenu, #acces-rapide #active-sousmenu{
	background-image: url("../images/fleche-menu.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

#menu-gauche #sous-menu a, #acces-rapide #sous-menu a{
	text-decoration:none;
	color: #2F383D;
	font-size:11px;
}

#menu-gauche #sous-menu a:hover, #acces-rapide #sous-menu a:hover{
	color: #FFF;
}

#sous-menu #active-sousmenu a, #acces-rapide #active-sousmenu a{
	color: #FFF;
}
/********** FIN menus principaux *************/


/********** Acces rapide *************/
#acces-rapide {
	padding: 15px 0 15px 0;
}

#titre-accesrapide {
	background-image: url("../images/demi-gauche-bleu.gif");
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #0079A8;

}

#acces-rapide h5{
	height: 18px;
	color:#FFFFFF;
	border-top : 1px solid #0079A8;
	border-bottom : 1px solid #0079A8;
	padding: 0 10px 0 10px;
	background-image: url("../images/demi-droite-bleu.gif");
	background-repeat: no-repeat;
	background-position: right center;	
}
/********** FIN acces rapide *************/
#vide {
	width: 168px;
	height: 135px;

}
/********************************* FIN Menu gauche***************************************/

#mainBlock {
	float: right;
	width: 735px;
	height: auto;
	padding: 20px 0 30px 10px;
	background-color:#fff;
}




/********* Lire la suite *******/

a.more
{
    background: #fff url("../Images/3points-gris2.gif") no-repeat left bottom;
    padding-left: 20px;	
    text-decoration:none;
	color: #8A9EA6;
	font-size: 9px;
}

a.more span
{
    position: 		absolute;
    left: 			-9999px;
    width: 			900px;
}


a.more:hover, a.more:focus, a.more:active 
{ 
    position: relative; 
    color: #E19C0A;
} 


a.more:hover span, a.more:focus span, a.more:active span 
{ 
    left: 80px; 
    top: 20px; 
    width: 300px; 

    padding: 5px; 
    line-height: 1; 
    background-color: #CFD9DB; 
    border: 1px solid #2F383D; 
    color: #2F383D; 
    text-decoration: none; 
}  




/********************************* pied de page ***************************************/
#footer {
	height: 22px;
}

#img-footer {
	float: left;
	width: 219px;
	height: 24px;
	background-image: url("../Images/img-footer.jpg");
	background-repeat: no-repeat;
	background-position: left center;	
}

#txt-footer {
	color: #081B22;
	font-size: 11px;
	text-align: center;
	padding: 5px 0 5px 0;
	width: 745px;
	height: 12px;
	border-top: 1px solid #8A9EA6;
	border-bottom: 1px solid #8A9EA6;
	float: left;
}

#footer span
{
    color:#E19C0A;
}

#footerLinks
{
    margin-top:8px;
}

ul#footerLinksList 
{
	color: #546368;
	font-size: 10px;
}

ul#footerLinksList li {
    float: left;
    height: 15px;
    padding:px;
    margin:0px;
    border-right: 1px solid #E19C0A;
    display:block;
}

ul#footerLinksList li.last
{
    border-right-width:0px;
}

#copyright {
	color: #546368;
	font-size: 10px;
	text-align: left;
	padding-top: 10px;
}

ul#footerLinksList a {
	text-decoration:none;
	color: #546368;
	font-size: 10px;
    padding: 4px;
}

ul#footerLinksList a:hover {
	color: #E19C0A;
}

ul#footerLinksList span {
    padding: 4px;
}

/********************************* FIN pied de page ***************************************/




h2.title, h2.title
{
    background: #fff url("../Images/puce-2fleches-orange.gif") no-repeat left center ;
    color:#0079A8;
    font-size:14px;
    padding-left:25px;
}

h3.title
{
	background-image:none;
	color: #000;
	font-size: 13px;
	font-style:italic;
	padding-left:0px;
}

/****************************************** menu gauche ******************************************/
#aujourdhui {
	padding: 15px 0 15px 0;
}

#titre-aujourdhui {
	background-image: url("../Images/demi-gauche-orange.gif");
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #E19C0A;	
	text-transform:uppercase;
}

#aujourdhui h2{
	height: 18px;
	color:#FFFFFF;
	border-top : 1px solid #E19C0A;
	border-bottom : 1px solid #E19C0A;
	background-image: url("../Images/demi-droite-orange.gif");
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 10px 0 10px;
	font-size:13px;
}

#txt-aujourdhui {
	padding: 0 5px 0 10px;
}

#txt-aujourdhui a {
	text-decoration:none;
	color: #CFD9DB;
	font-weight: bold;
	font-size: 9px;
	line-height: 30px;
}

#txt-aujourdhui a:hover {
	color: #fff;
}

.lejour {
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 6px;
}

.afeter {
	color: #2F383D;
	font-size: 11px;
}

/********** Acces rapide *************/
#accesrapide {
	padding: 15px 0 15px 0;
	text-transform:uppercase;
}

#titre-accesrapide {
	background-image: url("../Images/demi-gauche-bleu.gif");
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #0079A8;
}

#accesrapide h2{
	height: 18px;
	color:#FFFFFF;
	border-top : 1px solid #0079A8;
	border-bottom : 1px solid #0079A8;
	padding: 0 10px 0 10px;
	background-image: url("../Images/demi-droite-bleu.gif");
	background-repeat: no-repeat;
	background-position: right center;
	font-size:13px;
}

#accesrapide ul{
	padding: 0 5px 0 16px;	
}

#accesrapide li{
	list-style-type: none;	
	padding-top: 2px;
}

#accesrapide a{
	text-decoration:none;
	color: #2F383D;
	font-size:12px;
}

#accesrapide a:hover{
	color: #FFF;
}



/****************************************** FIN menu gauche ******************************************/


.text {
	color: #2F383D;
	font-size: 11px;
	text-align:justify;
}

.text p {
	color: #2F383D;
	font-size: 11px;
	text-align:justify;
	padding-top: 4px;
}

.text a {
	text-decoration:none;
	color: #8A9EA6;
}

.text a:hover {
	color: #E19C0A;
}

.text h3
{
    font-size:14px;
}

.text h4
{
	font-size: 13px;
}

.text h5
{
	font-size: 13px;
	font-style: italic;	
}

.text h6
{
	font-size: 12px;
}



.moreText
{
    padding-top:20px;
    color:#0079A8;
    font-size:11px;
}

.moreText ul
{
    color:#000;
    padding-left:20px;
    padding-top:5px;
}

.moreText li
{
    list-style-image:url("../Images/puce-1fleche-grise.gif");
}

.moreText li span
{
    color:#E19C0A;
    font-weight:bold;
}

.moreText a
{
    text-decoration:none;
    color:#E19C0A;
}

.moreText a:hover
{
    text-decoration:underline;
}

.themes 
{
	color: #0079A8;
	font-size: 11px;
}


.pager
{
    font-size:12px;
    padding-left:15px;
}

.pager a
{
    color:#8A9EA6;
    text-decoration:none;
}

.pager a:hover
{
    color:#E19C0A;
}



.titreNiveau1
{
    border-bottom:1px solid #8A9EA6;
    color:#0079A8;
    font-size:24px;
    font-style:italic;
    font-weight:bold;
    width:735px;
}

.titreNiveau2
{
	color: #0079A8;
	font-size: 19px;
	padding-left: 100px;
	font-weight: bold;
}

.titreNiveau3 
{
	color: #E19C0A;
	font-size: 16px;
	margin-top:25px;
	font-weight: bold;	
	/*padding-left:20px;
	background: #fff url("../Images/fleche-grise.gif") no-repeat left center;*/

}



/*************** Vertical menu ********************/


#verticalmenu
{
	padding: 15px 0 15px 0;
}

#verticalmenu strong.rubrique
{
    background:#E19C0A url("../Images/demi-gauche-orange.gif") no-repeat left center;
	display:block;
	text-transform:uppercase;
}

#verticalmenu strong.rubrique  a {
	height: 18px;
	color:#FFFFFF;
	border-top : 1px solid #E19C0A;
	border-bottom : 1px solid #E19C0A;
	background-image: url("../Images/demi-droite-orange.gif");
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 10px 0 10px;
	font-size:13px;
	display:block;
	text-decoration:none;
}

.vm1
{
	padding: 0 5px 0 16px;	
}

#verticalmenu li 
{
    list-style-type:none;
}

#verticalmenu a 
{
	text-decoration:none;
	color: #2F383D;
	font-size:12px;
}

#verticalmenu a:hover 
{
	color: #FFF;
}



.vm1
{
    text-transform:uppercase;
}

#vm1_item_selected a
{
  	color:#fff; 
}


.vm2
{
    text-transform:none;
    list-style-type: none;	
	line-height : 15px;
}

li.vm2_item
{
    padding-left:15px;
	padding-bottom:1px;
}

li.vm2_item:hover
{
  	background-image: url("../Images/fleche-menu.gif");
	background-repeat: no-repeat;
	background-position: left center;  
}

#vm1_item_selected .vm2 a
{	
	text-decoration:none;
	color: #2F383D;
	font-size:11px;
}

#vm2_item_selected
{
  	background-image: url("../Images/fleche-menu.gif");
	background-repeat: no-repeat;
	background-position: left center;  
}

#vm1_item_selected #vm2_item_selected a
{
  	color:#fff; 
}




/*****************************************/

#ImageFond
{
    width: 218px;
	height: 135px;
}

#page-titre
{
    margin-bottom:10px;
}