/***************************** CSS GENERIQUE ********************************/

/***************************** BODY, A, A:hover, A IMG, FORM ****************/

BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 11px;
	padding:0px;
	margin:0px;
        background:#788E9E;
}

form {
    padding:0px;
    margin:0px;
}

a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#0000FF;
    text-decoration: none;
}
a:hover {
    color:#0000FF;
    text-decoration: underline;
}
a :visited{
    color:#000000;
    text-decoration: none;
}

a img {
	border-width:0px;
}

a.arbo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#788E9E;
    text-decoration: none;
}

a.arbo:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#788E9E;
    text-decoration: underline;
}

#contenu {
    width:552px;
    margin:0px;
    padding:0px;
}

#contenu .bloc {
    margin:0px;
    padding:0px;
    margin-left:7px;
    margin-right:7px;
    margin-bottom:15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#000000;
}


/***************************** BLOC TEXTE ***********************************/

.texte {
    text-align:justify;
    clear:both;

}
.texteGauche {
    float : left;
    width: 235px;
    text-align:justify;
}
.texteDroite {
    float : right;
    width: 235px;
    text-align:justify;
}
.texteImgGauche {
    text-align:justify;
    clear:both;
}
.texteImgGauche img {
    float : left;
    margin : 5px;
    margin-right:15px;
    margin-bottom:10px;
}
.texteImgDroite {
    text-align:justify;
    clear:both;
}
.texteImgDroite img {
    float : right;
    margin : 5px;
    margin-left:15px;
    margin-bottom:10px;
}
.texteHaut {
    text-align:justify;
    clear:both;
}
.texteCentre {
    text-align:center;
    clear:both;
}
.texteCentre img {
    margin-top:15px;
    margin-bottom:15px;
    margin-left:auto;
    margin-right:auto;
}
.texteBas {
    text-align:justify;
    clear:both;
}


/***************************** BLOC TITRE ***********************************/

.titre {
    margin:0px;
    padding:0px;
    width:100%;
    height:38px;
    background:url('images/urb_cga/uc_titre_fond.jpg') repeat-x top;
    margin-bottom:5px;
}
.titre h2 {
    padding:0px;
    margin:0px;
    font-size:12px;
    font-weight:bold;
    color:#333333;
    text-align:left;
    padding-top:22px;
}

/***************************** BLOC FICHIER *********************************/

.fichier {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align:left;
    font-size: 11px;
    color: #000000;
}

/***************************** BLOC QUESTIONNAIRE ***************************/

#formulaire { 
   margin:0px;
   padding:0px;
   text-align: left;
} 
#formulaire table { 
   width: 100%;
   border: 0px; 
} 
#formulaire td { 
   color: #000000; 
   border: 0px; 
   text-align: left; 
   valign: top; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 10px; 
   text-decoration: none; 
} 
#formulaire .messageErreur { 
   color: #FF0000; 
} 
#formulaire td.intitule { 
   margin:0px;
   padding:0px;
   font-weight: bold; 
   width: 150px; 
} 
.formulaire td.valeur, td.valeurCheck { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 11px; 
} 
#formulaire td.valeur input, textarea, select { 
   padding-left: 0px; 
   padding-right: 0px; 
   text-align: left; 
   width: 220px; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 10px; 
} 
#formulaire textarea { 
   width: 330px; 
} 
#formulaire div.boutonEnvoyer { 
   padding-left: 155px; 
} 
#formulaire div.boutonEnvoyer input { 
   width: 100px; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 11px; 
} 

/***************************** CODE PROPRE AU MODELE  ***********************/

/* bienvenue (page d'accueil) */

#bienvenue {
   width:185px;
   height:75px;
   text-align:justify;
   font-size:11px;
}

/* menuAccueil */

#menuAccueil table {
    width:400px;
    height:76px;
}

#menuAccueil a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #003399;
}

/* menuHorizontal */

#menuHorizontal ul {
    margin: 0px;
    padding: 0px;
    background:#788E9E;
}
#menuHorizontal li {
    float:left;
    list-style-type: none;
    text-align: center;
    width:118px;
    height:19px;
    background:#8FA6B5;
    border-width:0px;
    border-right-width:1px;
    border-style:solid;
    border-color:#788E9E;
}
#menuHorizontal li a {
    font-size: 10px;
    display: block;
    color: #000000;
    font-weight:bold;
    height:19px;
    background:#A6BECC;
    line-height:19px;
}
#menuHorizontal .select a  {
    color:#FFFFFF;
}

/* menuVertical */

#menuVertical .niveau1   {
    font-size: 11px;
    font-weight:bold;
    padding-top:3px;
    padding-left:9px;
}
#menuVertical .niveau1  a  {
    color:#788E9E;
}
#menuVertical .niveau2  {
    font-size: 11px;
    padding-top:3px;
    padding-left:16px;
}
#menuVertical .niveau2  a  {
    color:#364F61;
}
#menuVertical .niveau3  {
    font-size: 11px;
    padding-top:3px;
    padding-left:22px;
}
#menuVertical .niveau3  a  {
    color:#364F61;
}
#menuVertical .select a   {
    color:#FF6600;
}

.black11 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;}

.darkblue8{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #003399;}

.orange8{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #FF6600;}

.inputText {
    margin:0px;
    padding:0px;
    height:17px;
    width:100px;
    font-size:11px;
}

.inputTextPetit {
    margin:0px;
    padding:0px;
    height:17px;
    width:80px;
    font-size:11px;
}
.extranet {
padding-top: 7px;
}
.extranet img {
margin-bottom: -2px;
}