/* Couleurs du site
Blanc : #FFFFFF
Bleu Foncé : #000066
Bleu Clair : #CCE0F5 C2CEE6 C2CEE6 <- C2CEE6 <- C2CEE6
Bleu très clair E1EDF9
Rouge : #FF0000
Rose : FFD4D4;
*/

body{
margin-top : 2px;
margin-bottom : 2px;
margin-left : 2px;
margin-right : 2px;

background-color : #FFFFFF;

scrollbar-arrow-color:#CCE0F5;
scrollbar-base-color:#CCE0F5;
scrollbar-shadow-color:#E1EDF9;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#CCE0F5;
scrollbar-dark-shadow-color:#CCE0F5;
scrollbar-3d-light-color:#CCE0F5;

font-family : verdana;
font-size : 11px;
font-weight : normal;
color : #000066;
}

/* formatage de texte */
p{
font-family : verdana;
font-size : 11px;
font-weight : normal;
color : #000066;
text-align : justify;
}
.comment{
font-size : 10px;
text-align : justify;
}
.commentDiv{
font-size : 10px;
text-align : justify;
background-color : #F0F0F0;
color : #666666;
padding : 2px;
border : 1px solid #666666;
}
/* Images */
img{
border : 0px;
background : none;
}

/* Liens */
a{
font-family : verdana;
font-size : 11px;
font-weight : normal;
color : #000066;
background : none;
text-decoration : underline;
}
a:hover{
font-family : verdana;
font-size : 11px;
font-weight : normal;
color : #FFFFFF;
background-color : #FF0000;
text-decoration : none;
}
a:link{
font-family : verdana;
font-size : 11px;
font-weight : normal;
color : #000066;
background : none;
text-decoration : underline;
}
a:highlighted{
font-family : verdana;
font-size : 11px;
font-weight : normal;
color : #FFFFFF;
background-color : #FF0000;
text-decoration : none;
}
a:visited{
font-family : verdana;
font-size : 11px;
font-weight : normal;
color : #000066;
background : none;
text-decoration : underline;
}
.bgBleuFonce a, .bgBleuFonceBorderBottomFFFFFF a { color:#FFFFFF; }

/* Tableaux */
table{
border-collapse : collapse;
background-color : #FFFFFF;
}
td{
font-family : verdana;
font-size : 11px;
font-weight : normal;
color : #000066;
padding : 2px;
}

/* bordures */
/* en continu */
.cadreBleuClair{
border : 1px solid #CCE0F5;
}
.cadreBleuFonce{
border : 1px solid #000066;
}
.cadreRoseClair{
border : 1px solid #FFD4D4;
}
.cadreRouge{
border : 1px solid #FF0000;
}
.cadreGrisClair{
border : 1px solid #CCCCCC;
}
.cadreGrisFonce{
border : 1px solid #666666;
}
/* en pointillés */
.cadreBleuClairDotted{
border : 1px dotted #CCE0F5;
}
.cadreBleuFonceDotted{
border : 1px dotted #000066;
}
.cadreRoseClairDotted{
border : 1px dotted #FFD4D4;
}
.cadreRougeDotted{
border : 1px dotted #FF0000;
}
.cadreGrisClairDotted{
border : 1px dotted #CCCCCC;
}
.cadreGrisFonceDotted{
border : 1px dotted #666666;
}

/* backgrounds */
.bgBlanc{
background-color : #FFFFFF;
color : #000066;
}
.bgBleuClair{
background-color : #CCE0F5;
color : #000066;
}
.bgBleuFonce{
background-color : #000066;
color : #FFFFFF;
}
.bgBleuFonceBorderBottomFFFFFF{
background-color : #000066;
border-bottom : 2px solid #FFFFFF;
color : #FFFFFF;
}
.bgBleuTresClair{
background-color : #E1EDF9;
color : #000066;
}
.bgRoseClair{
background-color : #FFF5F5;
color : #FF0000;
}
.bgRouge{
background-color : #FF0000;
color : #FFFFFF;
}
.bgGrisClair{
background-color : #F0F0F0;
color : #666666;
}
.bgGrisFonce{
background-color : #CCCCCC;
color : #666666;
}
.bgGrisTresFonce{
background-color:#666666;
color:#FFFFFF;
}
.bgGrisTresFonceBorderBottomFFFFFF{
background-color:#666666;
color:#FFFFFF;
border-bottom:2px solid #FFFFFF;
}
.degradeBleuClair{
background-image :  url(images/bgBleuClair.jpg);
background-position : top;
background-repeat : repeat-x;
color : #000066;
}
.degradeRoseClair{
background-image :  url(images/bgRoseClair.jpg);
background-position : top;
background-repeat : repeat-x;
color : #000066;
}

/* Controles de formulaires */
.inputCadreBleuClair{
border : 1px solid #CCE0F5;
font-family : verdana;
font-size : 10px;
background-color : #FFFFFF;
color : #000066;
}
.inputCadreBleuFonce{
border : 1px solid #000066;
font-family : verdana;
font-size : 10px;
background-color : #FFFFFF;
color : #000066;
}
.inputCadreGrisFonce{
border : 1px solid #666666;
font-family : verdana;
font-size : 10px;
background-color : #FFFFFF;
color : #666666;
}
.inputDegradeBleuClair{
border-top : 1px solid #CCE0F5;
border-left : 1px solid #CCE0F5;
border-right : 1px solid #000066;
border-bottom : 1px solid #000066;
font-family : verdana;
font-size : 10px;
background-image :   url(images/bgBleuClair.jpg);
background-position : top;
background-repeat : repeat-x;
color : #000066;
}
.inputDegradeBgRoseClair{
border-top : 1px solid #FFFFFF;
border-left : 1px solid #FFFFFF;
border-right : 1px solid #FF0000;
border-bottom : 1px solid #FF0000;
font-family : verdana;
font-size : 10px;
background-image :   url(images/bgRoseClair.jpg);
background-position : top;
background-repeat : repeat-x;
color : #000066;
}
.btnDegradeBleuClair{
border-top : 1px solid #CCE0F5;
border-left : 1px solid #CCE0F5;
border-right : 1px solid #000066;
border-bottom : 1px solid #000066;
font-family : verdana;
font-size : 10px;
background-image :   url(images/bgBleuClair.jpg);
background-position : top;
background-repeat : repeat-x;
color : #000066;
cursor : pointer;
}
.btnDegradeRoseClair{
border-top : 1px solid #FFFFFF;
border-left : 1px solid #FFFFFF;
border-right : 1px solid #FF0000;
border-bottom : 1px solid #FF0000;
font-family : verdana;
font-size : 10px;
background-image :   url(images/bgRoseClair.jpg);
background-position : top;
background-repeat : repeat-x;
color : #000066;
cursor : pointer;
}