body {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	font-size: 1em;
	background: #d4d3d3 url(../images/background.png) 0 0 repeat-x;
}

/* liens sur la page */
a {color: #d4d3d3; text-decoration: none; }
a:hover {color: #fff;}

/* titres des pages  */
h1, h3 {
	font-size: 16px;
	color: #909;
	margin-top: 0px;
}
.titre_agenda {padding-left: 75px; }

/* paragraphe */
p {
	font-size: 1em; line-height: 1.4em;	
}

/* puces de la page */
li {
	font-size: 1em; line-height: 1.4em; 
}

/* boutons de la page */
h4 {
	color: #FFF;
}

/* --- HEADER --- */
div#header {
	width: 1230px;
	height: 138px;
	background: url(../images/headerLogo.gif) 0 0 repeat-x;
}

div#logo {
	float: left;
	height: 138px;
	width: 650px;
	margin-left: 0px;

}
#logo a img { border: 0px; !important;  }


/* drapeaux espagne et portugal */
div#drapeaux {
	float: left;
	margin-left: 128px;
	padding-top: 0px;
}
#drapeaux a {padding: 0px !important;}

/* reseaux sociaux ( facebook, etc) */
div#reseaux_sociaux {
	float: left;
	width: 225px;
	height: 12px;
	margin-left: 209px;
	margin-bottom: 5px;
	padding-top: 1px;
	color: #FFF;
	font-size: 12px;
}

/* menu haut droit */
div#menu_haut {
	float: left;
	width: 250px;
	height: 15px;
	margin-left: 180px;
	margin-bottom: 50px; font-size: 12px;
}
#menu_haut a {padding: 0px 9px;color: #666; text-decoration: none;}
#menu_haut a:hover {padding: 0px 9px;color: #FFF; text-decoration: none;}
#menu_haut ul {width: 250px;font-weight: bold;}
#menu_haut li{float: left; list-style-type:none;}
#menu_haut li.item53 { padding-left: 9px; background: url(../images/connexion.png) 0 0 no-repeat;}
#menu_haut li.item54 { padding-left: 17px; background: url(../images/contact.png) 0 0 no-repeat;}
#menu_haut li.item55 { padding-left: 12px; background: url(../images/plandusite.png) 0 0 no-repeat;}


/* flux RSS */
div#flux {
	float: left;
	width: 81px;
	height: 56px;
	margin-left: 425px;
}

/* menu general */
div#menu {
	width: 1230px;
	height: 60px;
	background: url(../images/nav.png) 0 0 no-repeat;
}

/* menu de navigation ( accueil, le projet, ressources ...)*/
div#nav {
	height:45px;
	float: left;
	padding-left: 105px;
	padding-top: 14px;	
}
div#search {
	margin-left: 850px;
	padding-top: 0px;
}

/* fleche verticale du menu de navigation */
div#nav_curseur {
	background: url(../images/nav_curseur.gif) 0 0 no-repeat;
	width: 18px;
	height: 14px;
	margin-left: 171px;
	margin-top: 9px;
}

div#corps {
	width: 1230px;
	background: url(../images/fond.gif) 0 0 repeat-y;
	color: #666;
}

div#corpsPage {
	width: 1230px;
	font-size: 12px;	
	text-align: justify;
	overflow: hidden;
	background: url(../images/corps.gif) 0 0 no-repeat;
}

div#contenu {
	width: 1200px;
	background: url(../images/contenu.png) 0 0 repeat-y;
	height:374px;
}

div#contenu_texte {
	float: left;
	padding-left: 160px;
	padding-right: 17px;
	width: 475px;
	line-height: 0.8em;
}
div#contenu_texte td.contentheading{font-size: 20px; padding-left: 3px; padding-top: 23px; color: #909; margin-top: 0px; text-transform: uppercase; font-weight:bold; text-indent: 0px;}
#contenu a {color: #909; font-weight: normal; text-decoration:underline;}
#contenu ul {list-style-type:none; background: url(../images/puce_fleche.png) 0 0 no-repeat;}


div#contenu_btn  a{
	display: block;
	cursor: pointer;
	height: 50px;
	width: 196px;
	background: url(../images/btn_orange_contenu.png) 0 0 no-repeat;
	margin-left: 135px;
	padding-top: 18px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	text-indent:32px;
	text-transform: uppercase;
}

div#contenu_animation {
	padding-top: 60px;
	padding-left: 650px;
}


div#colonneGauche {
	float:left;
	width: 870px;
	overflow: hidden;
}

div#derniersArticles {
	float: left;
	width: 515px;
	background: url(../images/derniers_articles.png) 0 0 no-repeat;
}
#derniersArticles h3 {height: 47px; padding: 10px 0px 0px 70px; text-transform: uppercase; background: url(../images/articles_logo.png) no-repeat; margin: 10px 0px 0px 170px;}
#derniersArticles ul {margin-left: 170px;margin-right: 10px; margin-top: 0px;}
#derniersArticles span.newstitle {color: #000; font-size: 13px;}
#derniersArticles div.readall  a{
	background:  url(../images/btn_orange.png) 0 0 no-repeat; margin-left: 250px; padding-top:8px; height:33px; width:165px;
	display: block;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}
#derniersArticles div.readall span {padding-right: 37px;}
#derniersArticles a.readon  {color: #909; text-decoration:underline;}
#derniersArticles div.readmore {padding-bottom : 10px; font-weight: bold;}
#derniersArticles .description { padding-bottom : 10px;}
#derniersArticles .article-tools {font-weight:bold; font-size:11px;}

div#evenements {
	float:left;
	width: 354px;
	background: url(../images/evenements.png) 0 0 no-repeat;
}
#evenements h3 {height: 47px; padding: 10px 0px 0px 60px; text-transform: uppercase; background: url(../images/evenements_logo.png) no-repeat; margin: 10px 0px 0px 25px;}
#evenements p {margin-left: 20px; margin-right: 5px; margin-top: 0px;}
#en_avant {
	width:320px;
  margin-left:20px;
}

#en_avant_item{
font-weight:normal;
  margin:0 0 15px 0;
}

#en_avant span.titre{
font-weight:bold;
  font-size:13px;
  color: #000;
}

a.en_avant_lien{
color: #990099;
  text-decoration:underline;
}

div#ressources {
	float:left;
	width: 870px;
	height: 208px;
	background: url(../images/ressource2.png) 0 0 no-repeat;
	text-align: left;
}
#ressources h3 {padding-left: 170px; padding-top: 13px;text-transform: uppercase; padding-bottom: 5px;}
#ressources a {color: #666; }
#ressources a:hover { color: #000; }
#ressources span {text-transform: uppercase; font-weight:bold;}
#ressources li{float: left; list-style-type:none; width: 110px; height: 100px; padding-top: 0px;}
#ressources li.item124 { margin-left: 125px;}
#ressources li.item125 { margin-left: 85px;}
#ressources li.item126 { margin-left: 95px;}
#ressources li.item127 { margin-left: 65px;}
#ressources li.item124 a{ padding-top: 75px; padding-left: 3px; background: url(../images/ressource_politique2.png) 0 0 no-repeat; display:block; width:160px; height:63px;}
#ressources li.item125 a{ padding-top: 75px; padding-left: 40px; background: url(../images/ressource_guides.png) 0 0 no-repeat; display:block; width:120px; height:63px;}
#ressources li.item126 a{padding-top: 75px; padding-left: 10px; background: url(../images/ressource_videos.png) 0 0 no-repeat;display:block; width:120px; height:63px;}
#ressources li.item127 a{padding-top: 75px; padding-left: 5px; background: url(../images/ressource_glossaire.png) 0 0 no-repeat; display:block; width:120px; height:63px;}

div#diagnostic {
	float: left;
	width :870px; 
	background: url(../images/diagnostic.png) 0 0 no-repeat;
	padding-left: 350px;
	padding-right: 100px; 
}
#diagnostic h4 {color: #000;}
#diagnostic h3 {padding-top: 30px;}
#diagnostic li {list-style-type:none; background: url(../images/puce_fleche.png) 0 0 no-repeat; padding-left: 30px;}
#diagnostic .moduletable {width : 500px; padding-bottom: 40px;} 
#diagnostic a {
	display: block;
	background: url(../images/btn_orange.png) 0 0 no-repeat; 
	height: 25px; 
	font-weight: bold; 
	padding-top: 9px; padding-right: 17px;
	margin-left: 335px; 
	color: #FFF;
}

div#logo_partenaire {
	float:left;
	width: 870px;
	height: 256px;
	background: url(../images/logo_partenaire.png) 0 0 no-repeat;
}
#logo_partenaire h3 {padding-left: 375px; font-size: 13px;}
#logo_partenaire table.ddmx73 {padding-left: 300px;}
#logo_partenaire table.ddmx77 {padding-left: 280px;}
#logo_partenaire table.ddmx80 {padding-left: 310px;padding-top:10px;}
#logo_partenaire a {margin-right: 80px; padding-top: 15px;}

/* COLONNE DE DROITE */
div#colonneDroite {
	float: left;
	width: 350px;
}

div#agenda {
	float: left;
	padding-left: 30px;
	width: 250px;
	height: 385px;
	background: url(../images/agenda.gif) 0 0 no-repeat;
}

#agenda p a {
    color: #990099;   
    text-decoration:underline;
	font-weight:bold;	
}

#agenda p {
    text-indent:10px; 
}

div#calendarPicker {
	background: url(../images/agenda/fond_agenda.png) 0 0 no-repeat;
	width: 211px;
	height: 207px;
	text-align: center;
}
#calendarPicker th { width: 29px; height: 23px; padding-bottom: 3px; color: #535353; padding-top: 3px; font-weight: bold; background: url(../images/agenda/fond_jour.png) 0 0 no-repeat;}
#calendarPicker td, a.ui-state-default { width: 29px; height: 23px; color: #535353; font-weight: bold;background: url(../images/agenda/fond_jour.png) 0 0 no-repeat;text-decoration:none;} 
#calendarPicker td.ui-state-disabled {color: #CCC!important; background: url(../images/agenda/fond_jour.png) 0 0 no-repeat!important;}
#calendarPicker td.activedate {background: url(../images/agenda/fond_jour_hover.png) 0 0 no-repeat;}
#calendarPicker td.activedate  a.ui-state-default { color: #fff; background:none;}

#calendarPicker td.ui-datepicker-current-day  {background: url(../images/agenda/fond_jour.png) 0 0 no-repeat;}
#calendarPicker td.ui-datepicker-current-day  a.ui-state-active{ color: #f90;}

#formSearchAgenda {
    width:210px;
    padding-left:8px;        
}

#formSearchAgenda h4{

color:#626262;
margin: 3px 0 3px 0;
}

#formSearchAgenda input.button{
    background: url(../images/bt-ok.png) 0 0 no-repeat;      
    border:none;
    height:23px;
    width:23px;
    float:right;
    cursor:pointer;
    margin-right:15px;
}

#formSearchAgenda input.searchButton{
    background: url(../images/bt-ok.png) 0 0 no-repeat;      
    border:none;
    height:23px;
    width:23px;
    float:right;
    cursor:pointer;
    margin-right:15px;
}

#formSearchAgenda .inputSelectMois{
    height:23px;
    width:90px;
    background: url(../images/bg-select-mois.png) 0 0 no-repeat;      
    border:none;
}

#formSearchAgenda .inputSelectAnnees{
    height:23px;
    width:65px;
    background: url(../images/bg-select-annees.png) 0 0 no-repeat;      
    border:none;
    margin-left:6px;
}

#formSearchAgenda .searchInput{
    height:23px;
    width:160px;
    background: url(../images/search-input.png) 0 0 no-repeat;      
    border:none;
    padding-left:5px;
}

.ui-icon-circle-triangle-w{
    float:left;
    padding-left:10px;
        text-decoration:underline; 
        padding-top:3px; 
}

.ui-icon-circle-triangle-e {
    float:right;
    padding-right:10px; 
    text-decoration:underline; 
    padding-top:3px;  
}

a.ui-datepicker-prev,  a.ui-datepicker-next{
    color:#762b7e;
    cursor:pointer;
	font-weight:bold; 
     
}

.ui-datepicker-calendar {
    margin-top:3px;   
    
}

.ui-datepicker-title {
    padding-top:3px;
	font-weight:bold;    
}

div#newsletter {
	float: left;
	width: 250px;
	height: 156px;
	background: url(../images/newsletter.png) 0 0 no-repeat;
}
#newsletter h3 { margin-left: 25px; padding-top: 15px;}
#newsletter p { height: 20px; width: 221px; text-indent: 0px; margin-left: 25px; text-align:left;}
#newsletter .moduletable_lettresprecedentes a { text-decoration:underline;color: #990099; }
#newsletter .moduletable_lettresprecedentes { color: #990099; }

#newsletter input {
    margin:2px 0 0 0;
    height:25px;
    width:141px;
    background: url(../images/bg-nl.png) 0 0 no-repeat;
    border:none; 
	float:left;	
}

#newsletter img {
	padding-top:2px;
	margin-left:5px;	
}

#inscription_newsletter {
	margin-left: 173px;
	margin-right: 130px;
	margin-top: 10px;
	padding-left: 20px; 
	font-size: 1.3em; 
	font-weight:bold; 
	padding-bottom: 13px; 
	padding-top: 13px;
	background-color: #fff;
	border-top: solid 3px #F60; border-bottom: solid 3px #F60;*
	}

div#auto_promo {
	float: left;
	width: 250px;
	height: 178px;
	background: url(../images/auto_promo.png) 0 0 no-repeat;
}

#auto_promo a{
	background:  url(../images/btn_auto_promo.png) 0 0 no-repeat; margin-left: 110px; padding-left:17px; height:17px; width:130px; margin-top:151px;
	display: block;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}

div#tag {
	float:left;
	width: 250px;
	background: url(../images/tag.png) 0 0 no-repeat;
	padding:0 0 30px 0;
}

/* --- FOOTER --- */
div#footer_fond {
	height: 209px;
	background: url(../images/footer_fond.gif) 0 0 repeat-x;
}

div#footer {
	width: 1230px;
	height: 209px;
	background: url(../images/footer.gif) 0 0 no-repeat;
	color: #d4d3d3;
	font-size: 12px; 
}

div#mentions_legales {
	float: left;
	margin-left: 170px;
	padding-top: 130px;	
}

div#menu_sections {
	float: left;
	margin-left: 105px;
	padding-top: 16px;
	padding-bottom: 0px;
}
#menu_sections h3 {color: #d4d3d3; text-transform: uppercase; font-size: 12px;}
#menu_sections ul {padding: 0px;}
#menu_sections li{list-style-type:none;}
#menu_sections a {color: #d4d3d3; text-decoration: none;}
#menu_sections a:hover {color: #fff; text-decoration: none;}
#menu_sections span {padding-bottom: 0px; padding-top: 0px;}

div#menu_aide {
	float: left;
	margin-left: 40px;
	padding-top: 16px;
}
#menu_aide h3 {color: #d4d3d3; text-transform: uppercase; font-size: 12px; }
#menu_aide ul {padding: 0px;}
#menu_aide li{list-style-type:none;}
#menu_aide a {color: #d4d3d3; text-decoration: none;}
#menu_aide a:hover {color: #fff; text-decoration: none;}

div#financement {
	margin-left: 900px;
	padding-top: 16px;
}
#financement h3 {color: #d4d3d3; text-transform: uppercase; font-size: 12px; }

#en_avant div.readall  {
	text-align:center;
}
#en_avant div.readall  a{
	display:block;
	cursor:pointer;
	background: url("../images/btn_orange.png") 0 0 no-repeat;
	margin-left:80px;
	padding-top: 10px;
	height: 33px;
	width: 165px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#en_avant_item p{
	text-indent:0px;
	margin-left:0px;
}

.liste_tags {
    width:208px;
    float:left;
    margin-left:30px;
    margin-top:30px;
    line-height: 20px;
}
.liste_tags  h3{
    font-size:14px;

}
.liste_tags  a{
    text-decoration:none;
}
.liste_tags  a:hover{
    text-decoration:underline;
}

.search {
    padding-top:10px;
    width:252px;  
}

.search .inputbox {
    background: url(../images/search_barre.png) 0 0 no-repeat;      
    border:none;
    height:26px;
    width:191px;
    padding-left:5px;
}

.search .button {
    float:right;
    margin-right:5px;
}


.at15t_facebook {
background: url(../images/sociaux1.png) 0 0 no-repeat !important;
height: 18px !important;
width: 22px !important;
}
.at15t_twitter {
background: url(../images/sociaux2.png) 0 0 no-repeat !important;
height: 18px !important;
width: 22px !important;
}
.at15t_netvibes {
background: url(../images/sociaux4.png) 0 0 no-repeat !important;
height: 18px !important;
width: 22px !important;
}
.at15t_delicious {
background: url(../images/sociaux5.png) 0 0 no-repeat !important;
height: 18px !important;
width: 22px !important;
}

.at15t_compact  {
	padding:0px !important;
	margin:-15px !important;
	background:none !important;
}

.titredate {
font-weight:bold;
font-size:11px;
}
input#validnl{background:url('../../../images/newsletter_btn.png') no-repeat;border: 0pt none; vertical-align: middle;margin:0;color:#fff;float:right;width:65px;padding:0!important;}
#system-message {
	float: left;
	padding-left: 160px;
	padding-right: 17px;
	width: 475px;
}
#system-message dd ul, #system-message dd.error ul { background-image:none;color: #f27600!important; margin-bottom: 10px; list-style: none !important; padding: 10px; border: 1px solid #f27600 !important; background-color:#fff; }
#system-message dd ul li, #system-message dd.error ul li { background-image:none;list-style-type: none !important; }
#connexion {float:left;font-weight:bold;width:150px;height:20px;text-align:right;margin-left:137px;margin-top:10px;}
#connexion #form-login input.button{ border:none; background:none; height:25px;color: #666666; font-weight:bold;font-size: 12px;cursor:pointer;font-family: Helvetica,Arial,sans-serif;padding-bottom:2px;}
#connexion #form-login input.button:hover { color: #ffffff; }
#connexion #form-login a { margin-right:29px;display:block;height:25px;padding-top:5px;}