/*/////////STRUCTURE//////////////*/

body {
font-family: Arial, Verdana, sans-serif;
font-size:12px;
font-weight: normal;
text-decoration: none;
margin:0px 0px 0px 0px;
padding-top:0px;
color:#484949;
background-color:#7DA7CB;
background-image: url("../annemasse-fr/images/fond-agglo.jpg"); 
background-repeat:repeat-x;
background-position:top;
top: 0px;
}

/*HEADER*/
#conteneurheader { position:relative; width:900px; top: 0px;}
#image1header {}
#image2header { float:left; width: 900px;top: 0px;}

/*MENU DE GAUCHE*/
#bouton-menu_gauche{ }

/*SURFACE UTILE*/
#conteneursurface { position:relative; width:910px; }
#surfacemenu { float:left; width: 234px; margin-right: 15px; /*background-color:#00FF66;*/}
#surfacecentreindex { float:left; width: 419px;}
#surfacecentre { float:left; width: 642px; margin-right: 15px;}
#surfacedroite { float:left; width: 227px; margin-left: 15px; /*background-color:#FF0033;*/}

.tableau-fondblanc{
background-color:#FFFFFF;
}

td{
font-family: Arial, Verdana, sans-serif;
font-size:12px;
font-weight: normal;
color:#484949;

}


/*/////STYLE GLOBAL DE LA PAGE HTM  /////*/

input.newsletter{ border: 1px solid #F59925; background-image:url(../images/interface/ombre_input.gif); background-position:top left; background-repeat:no-repeat; margin-top:-1px; padding:0; color:#484949; }


.contour-formulaires{
font-family: Arial, Verdana, sans-serif;
font-size:12px;
font-weight:normal;
color:#484949;
background-image:url(../images/interface/ombre_input.gif);
background-position:top left; 
background-repeat:no-repeat; margin-top:-1px;
border-color:#2E608B;
border-style:solid;
border-width:1px;   
}

.contour-textaera{
font-family: Arial, Verdana, sans-serif;
font-size:12px;
font-weight:normal;
color:#484949;
border-color:#2E608B;
border-style:solid;
border-width:1px;
}

ul {
margin: 10px 0px 10px 25px;
padding:0;
}

.uliste {
margin: 10px 0px 10px 15px;
padding:0;
}

li {
margin-left:15px;
padding:0;
list-style-image:url(../images/interface/fleche-bleue.gif);
}


.liste {
margin-left:15px;
padding:0;
list-style-image:url(../images/interface/fleche-rouge.gif);
}


.liste2 {
margin-left:10px;
padding:0;
list-style-image:url(../images/interface/fleche-orange.gif);
}

.separateur  {
font-family: Arial, Verdana, sans-serif;
font-size:17px;
font-weight:bold;
color:#CB0000;
margin-top:24px;
margin-bottom:15px;
}

h1, .h1  {
font-family: Arial, Verdana, sans-serif;
font-size:17px;
font-weight:bold;
color:#CB0000;
margin-top:24px;
margin-bottom:15px;
}

h2, .h2  {
font-family: Arial, Verdana, sans-serif;
font-size:17px;
font-weight:bold;
color:#CB0000;
margin-top:0px;
margin-bottom:15px;
}

h3, .h3  {
font-family: Arial, Verdana, sans-serif;
font-size:14px;
font-weight:bold;
color:#006BB3;
margin:0px;
}


a{
font-family: Arial, Verdana, sans-serif;
font-size:12px;
font-weight: normal;
text-decoration: none;
color:#484949;
text-decoration: underline;
}

a:hover{
color:#484949;
text-decoration: none;
}

p{
text-align:justify;
margin-right:15px;
margin-top:0px;
margin-bottom:15px;
}


.zoneform{
border: 1px solid #000000;
background-color: #ffffff;
font-size: 11px;
}

.zoneform-oblig{
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 4px solid #CC0000;
background-color: #ffffff;
font-size: 11px;
}

.boutonform{
font-family:Arial, Helvetica, sans-serif;
color: #ec9432;
font-weight: bold;
font-size: 14px;
border: 0px none;
cursor: pointer;
background-color: #ffffff;
padding-left: 15px;
}

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

/*///// TEXTES DE LA PAGE /////*/

.texte{
font-family: Arial, Verdana, sans-serif;
font-size:12px;
font-weight:normal;
color:#484949;
text-decoration: none;
}

.texte-gras{
font-family: Arial, Verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#484949;
text-decoration: none;
}

.versions {
font-family: Arial, Verdana, sans-serif;
font-size:10px;
font-weight: normal;
color:#2C5F89;
text-decoration: none;
}

a.versions {
text-decoration: underline;
}

a.versions hover {
text-decoration: none;
}

.texte-blanc{
font-family: Arial, Verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration: none;
}

a.texte-blanc{
color:#FFFFFF;
text-decoration: underline;
font-weight:normal;
}

a.texte-blanc:hover{
color:#FFFFFF;
text-decoration: none;
font-weight:normal;
}

.footer {
font-family: Arial, Verdana, sans-serif;
font-size:11px;
font-weight: normal;
color:#FFFFFF;
background-image: url("../images/interface/footer.gif"); 
background-repeat:no-repeat;
background-position:top;
}

.footer-blanc {
font-family: Arial, Verdana, sans-serif;
font-size:11px;
font-weight: normal;
color:#FFFFFF;
}

.legende{
font-family: Arial, Verdana, sans-serif;
font-size:11px;
font-weight: normal;
text-decoration: none;
color:#006BB3;
}

.realisation {
font-family: Arial, Verdana, sans-serif;
font-size:10px;
font-weight: normal;
color:#AFAFAE;
}


/***********ACTUS*************/

.separateurrose{
background-color :#F6BDBE;
}

.separateurorange{
background-color :#FFCF89;
}

.titreactus{
font-family: Arial, Verdana, sans-serif;
font-size:11px;
font-weight:normal;
color:#C80202;
}

.titreagenda{
font-family: Arial, Verdana, sans-serif;
font-size:11px;
font-weight:normal;
color:#FF9800;
}

.titrehebergement{
font-family: Arial, Verdana, sans-serif;
font-size:11px;
font-weight:normal;
color:#A9CF00;
}

/*/// CONTOURS IMAGES /////*/

.contour {
border-color:#808080;
border-style:solid;
border-width:1px;
}

.imageactus {
margin:0px 5px 0px 0px;
border-color:#808080;
border-style:solid;
border-width:1px;
}

.imagegauche {
margin-right:15px;
margin-bottom:15px;
border-color:#000000;
border-style:solid;
border-width:1px;
}


/*      FILTRE DE RECHERCHE          */

table.table-filtre-recherche {
margin:0 0 10px 0;
padding:0px;
width:650px;
border:solid 1px #006BB3;
color:#484949;
}

table.table-filtre-recherche select {
border:solid 1px #2E608B;
width:450px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#484949;
}
	
table.table-filtre-recherche input[type=submit] {
width:91px;
height:24px;
background-image:../images/interface/moteur-sitra.gif;
background-position:top left;
background-repeat:no-repeat;
border:0;
cursor:pointer;
}

table.table-filtre-recherche input[type=image] {
width:91px;
height:24px;
background-image:../images/interface/moteur-sitra.gif;
background-position:top left;
background-repeat:no-repeat;
border:0;
cursor:pointer;
}

td.td-filtre-recherche-titre {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
height:25px;
padding:5px 0 10px 5px;
margin:5px;
vertical-align:middle;
color:#2E608B;
}

td.td-filtre-recherche {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border-bottom:solid 1px #d6d6d6;
border-bottom-style:dotted;
padding:10px 0 10px 5px;;
margin:5px;
vertical-align:middle;
}

td.td-filtre-recherche-submit {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:10px 0 10px 5px;
margin:5px;
vertical-align:middle;
}