/*---------------------------GLOBAL---------------------------*/

html{
margin:0px;
}

body{
background:#abacac url('portail/body_bg.gif') repeat-y top center;
font-family:Arial, Verdana;
margin:0px;
width:100%;
height:100%;
}

#deco{
font-family:Arial, Verdana;
margin:0px;
width:100%;
height:100%;}

#deco2{
background:url('portail/haut_bg.gif') repeat-x top center;
font-family:Arial, Verdana;
margin:0px;
width:100%;
height:100%;}

#deco3{
background:url('portail/bas_bg.gif') repeat-x bottom center;
font-family:Arial, Verdana;
margin:0px;
width:100%;
height:100%;}

h1{
background:url('portail/h1_bg_1.gif') no-repeat left center;
font-size:30px;
color:#686c6f;
font-weight:normal;
margin:5px 0px 10px 0px;
padding:0px 0px 0px 35px;
line-height:50px;
font-weight:normal;
border-bottom:solid 2px #cc9900;
}

h2{
color:#686c6f;
font-weight:normal;
font-size:18px;
margin:5px 0px 10px 0px;
padding:0px;
border-bottom:dotted 1px #cc9900;
}

h3{
color:#777777;
font-weight:normal;
font-size:18px;
margin:10px 0px;
padding:0px 0px 5px 0px;
}

h4{
color:#000000;
font-weight:normal;
font-size:12px;
margin:0px;
padding:0px;
}

a{
color:#686C6F;
}

a:hover{
color:#666666;
}

p{
margin:0px;
font-size:12px;
}

img{
border:none;
}
/*---------------------------FORMULAIRES---------------------------*/

input[type="text"]{
border-radius: 4px 4px 4px 4px;
display: block;
background: url("portail/textbox-background.gif") repeat-x scroll center top #FFFFFF;
padding: 3px;
border: 1px solid #999999;
margin: 0;
color:#222222;
}

textarea{
border-radius: 4px 4px 4px 4px;
display: block;
background: url("portail/textbox-background.gif") repeat-x scroll center top #FFFFFF;
padding: 3px;
border: 1px solid #999999;
margin: 0;
color:#222222;
}

input[type="password"]{
border-radius: 4px 4px 4px 4px;
display: block;
background: url("portail/textbox-background.gif") repeat-x scroll center top #FFFFFF;
padding: 3px;
border: 1px solid #999999;
margin: 0;
color:#222222;
}

input[type="file"]{
border-radius: 4px 4px 4px 4px;
display: block;
background: none repeat scroll 0 0 #FFFFFF;
padding: 3px;
margin: 0;
color:#222222;
}

input[type="button"]{
background: url("portail/button-background.gif") repeat-x scroll center top transparent;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 0 2px #AAAAAA;
cursor: pointer;
height: 29px;
overflow: visible;
padding: 2px 10px 3px;
width: auto;
font-weight: bold;
}

label{
color:#222222;
font-weight:bold;
font-size:12px;
cursor: pointer;
}

.table_formulaire {
border:solid 1px #DEDEDE;
margin:0px;
}

.table_formulaire tr{
}

.table_formulaire td, .table_formulaire th{
padding:5px 5px;
font-size:11px;
}

.table_formulaire td.entete_table, .table_formulaire tr.entete_table td{
color:#333333;
font-size:15px;
font-weight:bold;
text-decoration:none;
line-height:20px;
padding:5px 5px;
}

.ligne_form_paire{
background:#F6F6F6;
}
.ligne_form_paire td, .ligne_form_impaire td{
border-bottom: 1px solid #DEDEDE;
}
.ligne_form_paire:hover{
background:#f4fac1;
}

.ligne_form_impaire{
background:#FFFFFF;
border-bottom: 1px solid #DEDEDE;
}
.ligne_form_impaire:hover{
background:#f4fac1;
}

/*---------------------------PRINCIPAUX CONTENEURS---------------------------*/

#site{
width:980px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

#content{
width:980px;
padding:0px;
clear:both;
float:left;
background:url('portail/site_bg.gif') no-repeat bottom left;
padding:0px 0px 10px 0px;
height:500px; /* Pour IE */
}

html>body #content {
width:980px;
height:auto; /* Pour tous les navigateurs sauf IE */
min-height:500px; /* Idem */
} 

#content2{
background:url('portail/site_bg.gif') no-repeat top left;
float:left;
width:940px;
padding:20px 20px 0px 20px;
}

#colonne_gauche{
float:left;
width:220px;
margin:0px 0px 0px 0px;
padding:0px 20px;
}

#colonne_centre{
float:left;
width:680px;
margin:0px;
padding:0px 20px;
}

/*----------------BANDEAU---------------*/

#bandeau{
float:left;
height:117px;
padding:0px;
width:980px;
background:#FFFFFF;
margin-top:29px;
}

#logo{
float:left;
height:117px;
width:354px;
padding:0px;
margin:0px;
font-size:0px;
}

#outils{
float:left;
height:117px;
width:626px;
padding:0px;
margin:0px;
font-size:0px;
text-align:right;
}

#outils a{
float:right;
display:block;
border-radius:10px 10px 10px 10px;
border:solid 1px #CC9900;
padding: 5px 10px;
margin:10px 10px 0px 330px;
cursor:pointer;
line-height:30px;
color:#CC9900;
font-weight:bold;
text-decoration:none;
height:27px;
font-size:13px;
width:270px;
}

/*---------------------------MENU---------------------------*/

#menu_principal{
background:#FFFFFF;
float:left;
width:980px;
height:38px;
padding-bottom:1px;
margin-bottom:10px;
}

/*---------------------------PIED---------------------------*/
#bas{
clear:both;
float:left;
color:#ffffff;
}

#bas .pied{
clear:both;
float:left;
width:980px;
}

#bas .liens_outils{
line-height:18px;
color:#ffffff;
font-size:11px;
text-align:left;
float:left;
width:400px;
padding:10px 0px;
}

#bas .liens_outils a{
color:#ffffff;
font-size:11px;
text-decoration:none;
}

#bas .coordonnees{
line-height:18px;
color:#ffffff;
font-size:11px;
text-align:right;
float:left;
width:580px;
padding:10px 0px;
}

#bas .coordonnees a{
line-height:18px;
color:#ffffff;
font-size:11px;
text-decoration:none;
}

/*---------------------------ZONING---------------------------*/

#zone1{
float:left;
width:680px;
}

#zone1_2{
background:url('portail/zone1.gif') no-repeat top left;
float:left;
width:420px;
margin:0px;
padding:0px 20px 0px 0px;
}

#zone1_3{
float:left;
width:220px;
margin:0px;
padding:0px 0px 0px 20px;
}

.accueil_haut{
border-radius:10px 10px 10px 10px;
background:#cc9900;
color:#ffffff;
font-weight:bold;
width:920px;
padding:10px;
float:left;
margin-bottom:20px;
}

.accueil_gauche{
width:410px;
float:left;
}

.accueil_droite{
width:520px;
float:left;
}

/*--------------------- CLASSES UTILES ---------------------*/

.img_left{
float:left;
padding:0px 10px 10px 0px;
}

.img_right{
float:right;
padding:0px 0px 10px 10px;
}

.div_left{
width:50%;
background-color: #eeeeee;
float:left;
margin:0px 10px 10px 0px;
}

a.info {
color:#5C8EC1;
font-size:12px;
font-weight:bold;
position:relative;
text-decoration:none;
}
a.info span {
display:none;
}
a.info:hover {
background:transparent none repeat scroll 0 0;
cursor:help;
z-index:500;
}
a.info:hover span {
background-color:#FAFAFA;
border:3px solid #CCCCCC;
color:black;
display:inline;
font-size:12px;
font-weight:normal;
left:20px;
padding:5px;
position:absolute;
top:30px;
white-space:nowrap;
}
span.bouton {
display:inline-block;
line-height:30px;
padding:0 0 0 10px;
}
span.bouton a {
color:#FFFFFF;
display:inline-block;
font-size:11px;
line-height:20px;
padding:0 10px 0 0;
text-decoration:none;
}

.texte {
font-size:11px;
}
.libelle {
color:#000000;
font-size:12px;
font-weight:bold;
}
.titre {
color:#000000;
font-size:16px;
font-weight:bold;
}

/* TABLES */

.table{
border:solid 1px #dddddd;
background:#ffffff;
margin:0px;
}
.table tr{
}
.table td, .table th{
line-height:20px;
border-bottom:solid 1px #EEEEEE;
padding:2px 10px;
}
.table td.entete_table, .table tr.entete_table td{
background-color:#000000;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
line-height:20px;
padding:5px 10px;
}

.table_couleur {
margin:0px;
}
.table_couleur tr{
}
.table_couleur td, .table_couleur th{
line-height:20px;
padding:2px 10px;
font-size:11px;
}
.table_couleur td.entete_table, .table_couleur tr.entete_table td{
color:#000000;
font-size:14px;
font-weight:bold;
text-decoration:none;
line-height:20px;
padding:5px 10px;
}

.table_couleur2 {
background-color:#EEEEEE;
margin:0px;
}
.table_couleur2 tr{
}
.table_couleur2 td, .table_couleur2 th{
line-height:20px;
padding:2px 10px;
font-size:11px;
}
.table_couleur2 td.entete_table, .table_couleur2 tr.entete_table td{
color:#000000;
font-size:14px;
font-weight:bold;
text-decoration:none;
line-height:20px;
padding:5px 10px;
}

.document {
padding:5px 5px 5px 5px;
}

/******************* MISE EN PAGE DES ARTICLES DANS LES PAGES *******************/
#slider-wrapper{
width:400px;
height:300px;
margin:0 auto;
}

#slider {
position:relative;
width:400px;
height:300px;
background:url(../Script/nivo-slider2.5.1/demo/images//loading.gif) no-repeat 50% 50%;
}

#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}

#slider a {
border:0;
display:block;
}

.page_principale {
float:left;
width:100%;
}

.document {
padding:5px 5px 5px 5px;
clear:both;
}

.document_gauche{
float:left;
width:500px;
padding-right:5px;
}

.document_colonne_droite{
float:left;
width:255px;
border-left:solid 1px #E2E2E2;
}

.document_bas{
border-top:solid 1px #E2E2E2;
padding:5px 5px 5px 5px;
clear:both;
}

.document_item{
clear:both;
float:left;
padding:10px 0px 0px 5px;
}

.document_item p{
text-align:justify;
}

.document_item h2{
color:#0083CD;
font-weight:bold;
font-size:12px;
padding:0px;
display:inline;
}

.document_item a{
font-size:10px;
}

a.lien_abstract{
font-size:11px;
}

.texte_document{
clear:both;
padding:5px 0px 5px 0px;
}

.clear{
clear:both;
}

/* PLAN DU SITE */
h1.plan_niveau {
border-bottom:2px solid #cbd863;
color:#686C6F;
font-size:14px;
font-weight:normal;
margin:2px 0;
}
h1.plan_niveau a{
color:#686C6F;
text-decoration:none;
}

h2.plan_niveau {
color:#004CA0;
font-size:12px;
font-weight:normal;
margin:2px 0;
padding-left:20px;
border:0px;
}

h3.plan_niveau {
color:#004CA0;
font-size:10px;
font-weight:normal;
margin:2px 0;
padding-left:40px;
border:0px;
}

#plan_site ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}