/* Start of CMSMS style sheet 'paulo-2col : css' */
/* CSS Document */

html {
 margin: 0;
 padding: 0;

}


body {
background-color: #ede9e1;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #31444e;
}
a{ text-decoration:underline; color:#0c9ad3 ;}
a img{ border:none;}
p, form, input {
	margin: 0;
	padding: 0;
}
.ctrimage {
border:thin solid #dae1e4;
padding: 2px;
}

.trait-hr {
border-bottom:1px solid #dae1e4;
width:100%;
}

select {
	color: #000;
	background-color: #fff;
}

/* STRUCTURE */
#contMain{
	width:100%;
	text-align:center;

}
#main{
	background-color:white;
	width:897px;
	text-align:left;
	margin:0px auto;
}
#footer{
	background-image:url(uploads/paulo-2col/bg_footer.jpg);
	background-repeat:repeat-x;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	height:28px;
	text-align:center;

}
.image{
height:150px; width:886px;
margin: 5px 0 5px 5px;
background-color:white;
}

.logo-homeeco {
height:68px; width:233px;
margin: 10px 0 10px 35px;
}


/* BANDEAU DU HAUT */
#banHaut{
	background-image:url(uploads/paulo-2col/bg_header.jpg);
	background-repeat:repeat-x;
	width:887px;
	height:81px;	
	margin-top:5px;
        padding:5px;
        background-color:white;
        border:1px solid #ebe5dc;
}


/* CONTENU */
#contenu{ width:897px; border:1px solid #ebe5dc;}

/* MENU PRINCIPAL */
#menuwrapper{ background-image:url(uploads/paulo-2col/bg_divMenu.jpg); background-repeat:repeat-x; height:29px; width:897px; border-bottom:1px solid #ebe5dc;}


/* CONTENU COLONNE */
#contenuColonnes{ background-image:url(uploads/paulo-2col/bg_main.jpg); background-repeat:repeat-x; margin:2px 0 0 0; text-align:justify; padding:25px 0 0 0; height: 44px;}
#colonneBas{ background-image:url(uploads/paulo-2col/bg_bas_main.jpg); background-repeat:repeat-x; background-position:bottom; padding:0 0 0 0; margin:0 0 0 0; height:28px; border:1px solid #fff;}
#homeGauche{ width:200px; float:left; padding:0px 10px 0 30px;}
#homeCenter{  float:left; padding:0px 20px 0 30px;}
#homeDroite{ width:190px; float:left; padding:0 0 0 20px;}

/* CONTENU CENTRE HOME */
.miseEnavant{ list-style-type:none; margin:0 0 0 0; padding:0 0 0 0;}
.miseEnavant li{ float:left;}
.miseEnavant li a{ float:left; text-decoration:none; color:#145d7a; font-weight:bold; padding:0 25px 0 0; }

/* TITRES, LIENS ET SPAN */
h1 {font-size:18px; text-align:left; font-weight:bold; color:#745a33; margin:0 0 20px 0;}
h2 {font-size:16px; text-align:left; font-weight:bold; color:#145d7a; margin:0 0 10px 0;}
a.titleColonne{ text-decoration:none; font-weight:bold; font-size:11px; color:#00668f; display:block; background-image:url(uploads/paulo-2col/title_menu.jpg); width:150px; height:20px; margin:0 0 0 5px; padding:5px 0 0 5px; }
h3 {font-size:13px; text-align:justify; font-weight:bold; margin:0 0 5px 0;}
h4 {font-size:12px; text-align:left; font-weight:bold; margin:5px 0 2px 0; line-height:13px;}
.txtgras {font-weight:bolder;}
.txtpetit {font-style:italic;}
.clearBlue {color:#0c9ad3;} 
.linkPub img{ border:1px solid #dae1e4 ;}
.pdf{ background-image:url(uploads/paulo-2col/pdf.gif); background-repeat:no-repeat; padding:0 0 0 20px; display:block; height:20px;}
#banHaut a{ display:block;  width:100px; height:70px; text-indent:-10000px; float:left;}

/* BLOC NEWS */
#blocNews{ border:1px solid #dae1e4; width:386px; height:330px; margin:20px 0 0 0;}
#headNews{ height:28px; border-bottom:1px solid #dae1e4; background-image:url(uploads/paulo-2col/bg_head_news.jpg); background-repeat:repeat-x; padding:7px 0 0 8px; }
#headNews h3{ margin:0 0 0 0;  text-transform:uppercase; background-image:url(uploads/paulo-2col/puce_h3.jpg); background-repeat:no-repeat; padding:0 0 0 15px; font-size:12px; background-position:0 3px; float:left;}
#headNews .lastUp{ color:#496472; font-size:10px; font-style:italic; text-align:right; padding:0 10px 0 0;}
#contNews{ overflow:auto; height:285px;}
.itemNews{ margin:0 0 0 0; padding:5px 10px 5px 10px;}
.itemNews p{}
.itemNews p a{ color:#0c9ad3; text-decoration:underline;}
.itemNews .date{color:grey;font-style:italic;}

/* FORMULAIRES */
#cntnt01searchinput{ width:134px; height:17px; margin:0 0 0 0; float:left; border-bottom:none; border-right:none; background-image:none;}
.submitSearch{ background-image:url(uploads/paulo-2col/bg_submit_search.jpg); height:20px; background-repeat:repeat-x; width:22px; border:1px solid #c1c8cb; font-size:10px; margin:0 0 0 0; float:left;}


/* MENU FOOTER */
#footer ul{ margin:0 0 0 0; padding:5px 0 0 0; list-style-type:none;}
#footer ul li{ display:inline; color:#145d7a;  font-size:10px;}
#footer ul li a{ text-decoration:none; color:#145d7a;}

/* GESTION DES COLONNES GENERIQUES */
#geneGauche{width:180px; float:left; padding:0px 10px 0 10px;}
#geneCenter{float:left; padding:0px 20px 0 20px; width:450px;}
#geneDroite{width:190px; float:left; padding:0 0 0 20px;}
#geneCenter2col{float:left; padding:0px 20px 0 30px; width:610px;}

/* GESTION MENU GAUCHE */
#geneGauche h3{ background-image:url(uploads/paulo-2col/puce_titre_gauche.jpg); background-repeat:no-repeat; padding:0 0 0 20px; margin:0 0 0 10px; background-position:0 3px; font-size:12px; font-weight:bold; color: #0c9ad3; ;}
#geneGauche ul{ margin:0 0 0 5px; padding:0 0 0 20px; text-align:left; list-style-type:none; border-right:1px solid #ebe5dc; border-left:1px solid #ebe5dc;}
#geneGauche ul li{}
#geneGauche ul li a,#geneGauche .NewsSummaryLink a{ text-decoration:none; color:#745a33; display:block; background-image:url(uploads/paulo-2col/puce_menu1.gif); background-repeat:no-repeat; padding:5px 0 0 12px; background-position:4px 10px; display:block; width:160px; height:25px; border-bottom:1px solid #ebe5dc; }
#geneGauche a.active{ background-color:#cc9000; color:#ffffff;background-image:url(uploads/paulo-2col/puce_menu2.gif);}


#geneGauche .NewsSummaryLink a{ margin:0 0 0 20px;}
#geneGauche ul  ul{ margin:0 0 0 0; padding:0 0 0 0; border:none;}
#geneGauche ul ul li a{ margin:0 0 0 0; padding:5px 0 0 20px; background-position:14px 10px; width:133px;}
#geneGauche ul ul li#active a{ color:#145d7a; background-image:url(uploads/paulo-2col/puce_level3_active.jpg); font-weight:bold;}


/* FORMULAIRE DE CONTACT */
.contactform fieldset.groupeChamps{width:400px; background-color:#fdfdfd; border:1px solid #ecf2f5;}
.textArea{ width:350px;}
textarea{ width:350px;background-image:url(uploads/paulo-2col/bg_divMenu.jpg); background-repeat:repeat-x; border:1px solid #dce3e6; background-position:bottom;}
.inputText input{ border:1px solid #dce3e6;  background-image:url(uploads/paulo-2col/bg_divMenu.jpg); background-repeat:repeat-x; height:20px; width:250px; }
.fbsubmit{ border:none; background-color:#745a33; color:#fff; font-size:11px; height:20px; float:left; margin:10px 0 0 10px; padding: 4px; font-weight:bold; cursor:pointer;}



/* POP UP CSS */

a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:400px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:0 solid #dae1e4; /* add a border */
left:0; /* position:the image */
top:-400px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:400px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}
/* End of 'paulo-2col : css' */