/*
bleu foncé : #354157
bleu moyen : #7d909e
gris-bleu : #e9f5f7
vert : #9c0
*/

body {	
background-color: #354157;
background-image:url(../imgs/fond_dia.gif);
background-repeat:repeat;
font-family: Arial, Verdana, sans-serif;
font-size: 0.8em;
line-height:normal;	
color: #354157;
margin : 0px;
padding : 0px;
text-align : center;
}

#global {
background-color : #fff;
color: #354157;
width: 760px;
margin: 0px auto;
padding : 0px;
text-align: left; 
border: 0px;
font-size: 100%;
}

#surbando {
color : #fff;
background-color : transparent;
padding : 2px 0px 0px 8px;
margin : 0px;
text-align : left;
font-size:80%;
}

#surbando a:link {
color : #e9f5f7;
text-decoration : none;
background-color: transparent;
font-weight : normal;
}

#surbando a:visited{
color : #e9f5f7;
text-decoration : none;
background-color: transparent;
font-weight : normal;
} 

#surbando a:hover{
color : #354157; 
text-decoration : none;
background-color: #e9f5f7;
font-weight : normal;
} 

#surbando a:active {
color : #354157; 
text-decoration : none;
background-color: #e9f5f7;
font-weight : normal;
}



#bando {
color : #fff;
background-color : #354157;
/*background-image:url(../imgs/bando.jpg);
background-repeat:no-repeat;*/
padding : 0px 0px 0px 0px;
margin : 0px;
text-align : center;
}

#menu {
background-color : #7d909e;
color : #fff;
}

#menu1 {
/*background-image:url(../imgs/menu1.gif);*/
background-color : #354157;
color : #fff;
width : 190px;
min-width:190px;
max-width:190px;
height:130px;
min-height:130px;
padding:0px;
margin:0px;
float : left;
}

#menu2 {
/*background-image:url(../imgs/menu2.gif);*/
background-color : #3f4b60;
color : #fff;
width : 190px;
min-width:190px;
max-width:190px;
height:130px;
min-height:130px;
padding:0px;
margin:0px;
float : left;
}

#menu3 {
/*background-image:url(../imgs/menu3.gif);*/
background-color : #4a5468;
color : #fff;
width : 190px;
min-width:190px;
max-width:190px;
height:130px;
min-height:130px;
padding:0px;
margin:0px;
float : left;
}

#menu4 {
/*background-image:url(../imgs/menu4.gif);*/
background-color : #535d70;
color : #fff;
width : 190px;
min-width:190px;
max-width:190px;
height:130px;
min-height:130px;
padding:0px;
margin:0px;
float : left;
}

#menu ul {
margin : 0px;
padding : 0px;
}

#menu1 li {
list-style-type:none;
padding : 0px;
margin:0px;
}

#menu2 li {
list-style-type:none;
padding : 0px;
margin:0px;
}

#menu3 li {
list-style-type:none;
padding : 0px;
margin:0px;
}

#menu4 li {
list-style-type:none;
padding : 0px;
margin:0px;
}

#menu a:link {
color : #fff;
text-decoration : none;
background-color: transparent;
font-size : 1.1em;
font-weight : normal;
}

#menu a:visited{
color : #fff;
text-decoration : none;
background-color: transparent;
font-size : 1.1em;
font-weight : normal;
} 

#menu a:hover{
color : #7d909e; 
text-decoration : none;
background-color: #fff;
font-size : 1.1em;
font-weight : normal;
} 

#menu a:active {
color : #7d909e; 
text-decoration : none;
background-color: #fff;
font-size : 1.1em;
font-weight : normal;
}


#contenu {
background-color : #fff;
color : #354157;
padding : 20px 30px 30px 30px;
border : 0px;
}

#footer {
background-color : transparent;
color : #fff;
text-align : center;
padding-top : 15px;
padding-bottom : 10px;
clear : left;
}

#footer a:link {
color : #e9f5f7;
text-decoration : none;
background-color: transparent;
font-weight : normal;
}

#footer a:visited{
color : #e9f5f7;
text-decoration : none;
background-color: transparent;
font-weight : normal;
} 

#footer a:hover{
color : #354157; 
text-decoration : none;
background-color: #e9f5f7;
font-weight : normal;
} 

#footer a:active {
color : #354157; 
text-decoration : none;
background-color: #e9f5f7;
font-weight : normal;
}



#client {
background-color : #e9f5f7;
color : #354157;
text-align : center;
padding-top : 0px;
padding-bottom : 10px;
padding-left : 0px;
padding-right : 0px;
}



/* titres */

h1 {
font-size : 2.4em;
color : #9c0;
background-color : transparent;
padding : 0px 0px 0px 0px;
margin : 0px;
font-weight:normal;
}

h2 {
font-size : 1.4em;
color : #354157;
background-color : #fff;
padding : 0px;
font-weight : normal;
margin : 0px 0px 20px 0px;
}


h2.sans {
font-size : 1.2em;
color : #7d909e;
background-color : #e9f5f7;
padding : 0px;
font-weight : bold;
margin : 8px 0px 8px 0px;
}


h3 {
/*background-image:url(../imgs/puce_ronde.gif);
background-repeat:no-repeat;*/
font-size : 1.2em;
color : #7d909c;
background-color : #fff;
padding : 0px;
font-weight : bold;
margin : 0px;
}


h3.sans {
background-image:url(../imgs/puce_ronde.gif);
background-repeat:no-repeat;
font-size : 1.1em;
color : #354157;
background-color : #e9f5f7;
padding : 0px 0px 0px 20px;
font-weight : bold;
margin : 4px 0px 4px 0px;
}



/* colonnes */

div.cont_col {
/*position : relative;*/
overflow : auto;
margin : 0px;
padding : 0px;
}


div.align_droite {
text-align:right;
}

div.neutre {
clear:both;
}

div.neutre30 {
clear:both;
margin : 0px 0px 30px 0px;
padding:0px;
}

div.colg {
width : 50%;
background-color : #fff;
padding : 0px;
margin : 0px 0px 0px 0px;
float : left;
}

div.cold {
width : 50%;
background-color : #fff;
padding : 0px;
margin : 0px ;
float : left;
}

div.contenu_gauche {
padding : 0px 30px 10px 0px;
margin:0px;
}

div.contenu_droite {
padding : 0px 0px 10px 30px;
margin:0px;
}


div.contenu_droite_home {
padding : 0px 0px 10px 20px;
margin:0px;
}


div.cadre {
background-color:#f5fae5;
color:#354157;
border : 2px #e0f0b2 solid;
padding : 10px 20px 10px 20px;
margin : 0px 0px 10px 20px;
}


div.cadre h2 {
font-size : 1.3em;
color : #354157;
background-color : transparent;
padding : 0px;
font-weight : bold;
margin : 0px 0px 20px 0px;
}

div.cadre h3 {
font-size : 1.1em;
color : #9c0;
background-color : transparent;
padding : 0px;
font-weight : bold;
margin : 0px 0px 8px 0px;
}



div.spacer {
clear : left;
}


div.ref_globale {
background-color:#fff;
padding: 0px 60px 0px 60px;
margin:0px;
text-align:right;
}


div.ref {
background-color:#f5fae5;
color:#354157;
border:2px #d6eb99 solid;
padding:20px;
margin:0px;
text-align:left;
overflow:auto;
}

div.ref_mini {
color:#354157;
border:none;
padding:24px;
margin:0px;
text-align:center;
overflow:auto;
float: left;
}


div.titre_ref {
background-image:url(../imgs/fond_menuref.gif);
background-repeat:repeat-x;
background-color:#d6eb99;
color:#354157;
border:2px #d6eb99 solid;
padding:8px;
margin:4px 0px 0px 0px;
font-weight:bold;
font-size:1.2em;
text-align:left;
}


div.img_ref {
background-color:#f5fae5;
color:#354157;
border:0px;
width:100px;
max-width:100px;
min-width:100px;
float:left;
margin: 0px 20px 0px 0px;
text-align:center;
}

span.type_ref {
background-color:#fff;
color:#9c0;
font-weight:bold;
font-size:1em;
}



div.ref a:link {
color : #354157;
text-decoration : underline;
background-color: #f5fae5;
/*font-weight : bold;*/
} 

div.ref a:visited{
color : #354157;
text-decoration : underline;
background-color: #f5fae5;
/*font-weight : bold;*/
} 

div.ref a:hover{
color : #354157; 
text-decoration : underline;
background-color: #fff;
/*font-weight : bold;*/
} 

div.ref a:active {
color : #354157; 
text-decoration : underline;
background-color: #fff;
/*font-weight : bold;*/
}



div.ref_mini a:link {
color : #354157;
text-decoration : none;
background-color: #fff;
/*font-weight : bold;*/
} 

div.ref_mini a:visited{
color : #354157;
text-decoration : none;
background-color: #fff;
/*font-weight : bold;*/
} 

div.ref_mini a:hover{
color : #7d909e; 
text-decoration : none;
background-color: #fff;
/*font-weight : bold;*/
} 

div.ref_mini a:active {
color : #7d909e; 
text-decoration : none;
background-color: #fff;
/*font-weight : bold;*/
}




/* mises en formes diverses */

.gros {
font-size : 1em;
font-weight : bold;
}

.rouge {
background-color : transparent;
color: #780000;
font-weight: bold;
}

div.invisible {
background-color: transparent;
color: #354157;
font-size:0.4em;
}

div.invisible a:link  {
background-color: transparent;
color: #354157;
font-size:0.4em;
text-decoration:none;
}

div.invisible a:visited {
background-color: transparent;
color: #354157;
font-size:0.4em;
text-decoration:none;
}

div.invisible a:hover  {
background-color: transparent;
color: #354157;
font-size:0.4em;
text-decoration:none;
}

div.invisible a:active  {
background-color: transparent;
color: #354157;
font-size:0.4em;
text-decoration:none;
}


div.center {
text-align : center;
}

/* listes */
ul {
list-style-type : square;
margin-left : 25px;
margin-top :  2px;
margin-bottom : 4px;
margin-right : 0px;
padding : 0px;
}


/* liens */

a:link {
color : #354157;
text-decoration : underline;
background-color: #fff;
/*font-weight : bold;*/
} 

a:visited{
color : #354157;
text-decoration : underline;
background-color: #fff;
/*font-weight : bold;*/
} 

a:hover{
color : #354157; 
text-decoration : underline;
background-color: #e9f5f7;
/*font-weight : bold;*/
} 

a:active {
color : #354157; 
text-decoration : underline;
background-color: #e9f5f7;
/*font-weight : bold;*/
}

/*formulaires*/

form {
background-color: #fff;
color: #354157; 
padding : 0px; 
text-align: left;
width : 95%;
}

form.client {
background-color: transparent;
color: #fff; 
padding : 2px; 
text-align: center;
}


fieldset {
background-color: #fff;
border: 1px #354157 solid;
color : #354157;
padding : 20px;
}

fieldset.tri {
background-color: #fff;
border: 0px;
color : #354157;
padding : 0px;
}

fieldset.client {
background-color: transparent;
border: 0px;
color : #fff;
padding : 0px;
text-align:center;
}

fieldset fieldset {
background-color: #fff;
border: 1px #354157 solid;
color : #354157;
padding : 10px;
}

legend {
background-color: #fff;
color: #354157;
font-size: 1.2em;
font-weight: bold;
padding: 0px 0px 10px 0px;
margin: 0px;
}

legend.petit {
background-color: #fff;
color: #354157;
font-size: 1em;
font-weight: bold;
padding: 0px 0px 10px 0px;
margin: 0px;
}

textarea {
background-color : #fff;
color: #354157;
text-align: left;
font-family: Arial, Verdana, Sans-serif;
border: #7d909c 1px solid;
}

input {
background-color : #fff;
color: #030;
text-align: left;
border: #7d909c 1px solid;
}

input.submit {
background-color : #354157;
color: #fff;
text-align: center;
font-weight : bold;
padding: 5px;
}

fieldset.tri input.submit {
background-color : #354157;
color: #fff;
text-align: center;
font-size:0.7em;
padding: 2px;
}

fieldset.client input.submit {
background-color : #fff;
color: #354157;
text-align: center;
font-size:0.7em;
padding: 2px;
}

label {
background-color : #fff;
color: #354157;
font-weight: bold;
}

fieldset.client label {
background-color : transparent;
color: #fff;
font-weight: bold;
}

label.alerte {
background-color : #fff;
color: #780000;
font-weight: bold;
padding : 5px 5px 0px 5px;
}



/* images */
:link img {border:0px;}
:visited img {border:0px;}
:hover img {border:0px;}
:active img {border:0px;}
 
img.gauche {
float : left;
padding-right: 10px;
overflow: auto;
align : baseline;
}
 
img.droite {
float: right;
padding-left: 10px;
}