/* CSS Document - www.elsrey.com 2013 */
html {
margin: 0;
padding: 0;
background: #ffffff /* #e7e8e7 - #0c3606 - #b3b3b3*/
}
body
{
padding: 0px 0px 0px 0px ;
text-align: center ;
font: 12px arial, verdana, helvetica, sans-serif ; /*"Trebuchet MS"*/
position: relative;
background: #ffffff;
/*background: url(images/ombreportee.gif) center repeat-y;/*5C8882 fond ombrı.png*/
}
/* marges haute et basse ı 10px et les marges droite et gauche ı 0 */
/* padding ı 0 pour "Opera" */
/* text-align: center pour "Internet Explorer" */
a:link { color:#fff ; text-decoration:none ; font-weight:bold ; } /*#115d9f*/
a:visited { color:#fff ; text-decoration:none ; font-weight: bold ; } /*#55a5d7*/
a:hover { color:#fff; text-decoration: none ; font-weight: bold ; } /*#ec741a*/
a:active { color:#fff ; text-decoration: none ; font-weight: bold ; } /*#ec741a*/
/* rıglages liens hypertextes */
div#conteneur
{
min-height: 100%;
width: 953px ;
margin: 0 auto ;
text-align: left ;
/*border: 1px solid #fff ;*/
background: #fff ;
/*background-image: url(images/header.jpg) background-repeat:no-repeat;*/
}
/* Largeur : 953 pixels */
/* margin: 0 auto ; pour centrer les ılıments de type block (ici divisions)*/
/* Alignement ı gauche rıtabli */
h1#header
{
width: 953px;
height: 148px;
display: block;
background: url(images/header.jpg) left top no-repeat;
z-index:0;
position: relative;
left: 0px;
top: 0px;
margin: 0;
padding: 0;
text-indent: -2000px;
}/* On donne les mımes dimensions au lien, chose
possible grıce ı la propriıtı display: block ; qui transforme le lien
en ılıment de type block, auquel on peut donner des propriıtıs de taille.
On met aussi l'image de fond qui a les mımes dimensions que le cadre ainsi crıı */
/* Le text-indent nıgatif cache le texte hors de la page tout en le laissant exploitable pour les syntıses vocales */
ul#menu
{
width: 953px ;
height: 31px ;
margin: 0;
clear:both;
padding: 0 ;
background-color: #244cae;
background: url(images/sdv_menu.jpg) left top no-repeat ;
list-style-type: none ;
border:none;
}
/* Hauteur au menu. Image de fond du menu positionnıe avec un dıcalage de 31 pixels vers le haut (roll-over) */
ul#menu li
{
float: right ;
text-align: center ;
}/* li en flottant afin de les positionner horizontalement */
ul#menu li a
{
width: 159px ;
margin-top: 0px;
line-height: 31px ;
vertical-align:middle;
font-size: 9pt ;
font-weight: bold ;
letter-spacing: 1px ;
color: #fff ;
display: block ;
text-decoration: none ;
border-right: 0px solid #fff ;
text-align:center;
/*border-bottom: 2px solid #ffffff ;*/
}
#menu a:hover {
color: #FFF; /*#586b48;*/
background: transparent url(images/sdv_menu.jpg) top right no-repeat;
/*border-bottom: 2px solid #EB741D ;*/
}
#menu a#menu1:hover {
background-position: -158px -31px;
}
#menu a#menu2:hover {
background-position: -317px -31px;
}
#menu a#menu3:hover {
background-position: -476px -31px;
}
#menu a#menu4:hover {
background-position: -635px -31px;
}
#menu a#menu5:hover {
background-position: -793px -31px;
}
.menuactif {
font-weight: bold;
color: #EB741D;
}
div#ombremenu {
padding: 0px ;
margin: 0px;
float: left;
width: 953px;
height: 8px;
/*background: url(images/ombremenu.gif) left top repeat-x;*/
background-color: #fff ;
}
div#hautdepage {
padding: 0px ;
margin: 0px;
text-align: justify ;
float: left;
width: 953px;
height: 20px;
background: url(images/hautfondpage.jpg) left bottom no-repeat;
background-color: #fff ;
}
div#hautdepagewider {
padding: 0px ;
margin: 0px;
text-align: justify ;
float: left;
width: 953px;
background: url(images/hautfondpagewider.gif) left bottom no-repeat;
background-color: #fff ;
}
div#hautdepageonglet1 {
padding: 0px ;
margin: 0px;
text-align: justify ;
float: left;
width: 953px;
background: url(images/hautfondpageonglet_1.gif) left bottom no-repeat;
background-color: #fff ;
}
div#contenu /* contenu Gınıral*/
{
float: left;
position: relative;
width: 953px;
margin: 0 auto ;
background-color: #ffffff; /* e7e8e7 */
/**/
/*background: url(abm_page.gif) no-repeat -35px 15px ;*/
}/* On ajoute un petit ılıment dıcoratif sur le cıtı
de la page et on crıe un espace ı gauche et ı droite du contenu */
/* On rend les paragraphes plus propre, alignement justifiı,
alinıa et hauteur de ligne supırieure ı l'ıtat normal pour aırer le tout */
div#contenuwider /* fond de page gris plus large quand absence de contentright (absence de 3ıme colonne)*/
{
float: left;
position: relative;
width: 953px;
margin: 0 auto ;
background: url(images/fondpagewider.gif) center repeat-y;
background-color: #fff;
}
div#contenu a
{
color: #6F6F6E /* autre vert clair #8dbb58/*bleu clair #00aad3 autre #586b48 ;*/
}
div#contenu a:hover
{
color: #F92C2C;/*orange foncé : ff6204 orange plus clair pıche #ffb031 ROSE : #dfa5c1*/
}
div#contenuwider a
{
color: #1E5A96 ;
}
div#contenuwider a:hover
{
color: #ff6732 ;
}
div#contenu h1
{
margin: 0 1px 0 1px;
padding-left: 10px ;
padding-top: 10px ;
line-height: 25px ;
font-size: 20px ;
color: #115d9f ; /*1E5A96 ;*/
}
div#contenu h3
{
margin-left: 0px;
padding-left: 0px;
color: #787877;
}
div#contenuwider h1
{
margin: 0 1px 0 1px;
padding-left: 10px ;
padding-top: 10px ;
line-height: 25px ;
font-size: 20px ;
color: #115d9f ; /*1E5A96 ;*/
}
div#contenuwider h3
{
margin-left: 0px ;
padding-left: 0px ;
color: #115d9f ;
}
div#contentleft { /*agenda - Partie gauche (1ıre colonne)*/
padding: 0px 30px 0px 0px ;
margin-right:0px;
margin-top:0px;
text-align: justify ;
float: left;
width: 178px;
}
div#contentleft h4 /*titre agenda soulignı vert sur fond vert clair*/
{
margin-right: 10px ;
margin-bottom: 3px ;
padding: 0 ;
color: #ffffff ; /*Bleu #4aaadc vert kaki #586b48 #+ foncı 553d4a*/
text-align: justify ;
font-weight:bold;
font-size: 12px ;
line-height: 20px ;
border-bottom: 1px solid #586b48 ;
/*background: url(images/Fond_titre_1px.jpg) repeat-x;*/
background: url(images/Fond_sdv_titre_3.jpg);
/*background: #eaedbe; /*#c9d30f */
}
div#contentleft h5 /*texte gris foncı*/
{
margin: 0px ;
padding: 0px ;
color: #333333 ;
text-align: justify ;
font-weight:normal;
font-size: 12px ;
line-height: 16px ;
}
/*a.orange{color: #ff6732;}*/
div#contentleft h2 /* Fond Gris Trait bleu Accıs rıservı */
{
margin-right: 10px ;
margin-bottom: 3px ;
padding: 0 ;
color: #115d9f ;
text-align: center ;
font-weight:bold;
font-size: 12px ;
line-height: 16px ;
border-bottom: 1px solid #586b48;
border-top: 1px solid #eeeeee;
background: #fbf2ed/*#ff6732 ;*/
}
div#contentleft h6 /* Fond gris Identifiant / Mot de passe */
{
/*margin-right: 10px ;
margin-bottom: 3px ; */
padding: 10px ;
color: #115d9f ;
text-align: center ;
font-weight:bold;
font-size: 12px ;
line-height: 16px ;
/*border-bottom: 1px solid #115d9f;*/
border-top: 1px solid #eeeeee;
background: #eeeeee/*#ff6732 ;*/
}
div#contentcenter { /*Partie central 1 tiers pour le texte (2ıme colonne) */
padding: 0px 20px 0px 20px ;
text-align: justify ;
float: left;
width: 397px;
}
div#contenu p
{
text-align: justify ;
}
div#contentcenter p
{
margin:5px 0px 5px 0px;
text-align: justify ;
/*text-indent: 2em ;*/
line-height: 16px ;
color: #555 ;
}
div#contentcenter h1
{
padding-left: 0px;
padding-top: 10px;
line-height: 25px;
font: 13px verdana;
font-weight: bold;
color: #009EE0 /* vert kaky : 586b48 orange pıche : ffb031 vert moyen : 8dbb58 ; vert foncı #42671f ; /*GRIS FONCE : 58585A*/
}
div#contentcenter h2
{
padding-left: 0px ;
padding-top: 10px ;
line-height: 14px ;
font-size: 16px ;
color: #555 ;
}
div#contentcenter h3
{
margin-left: 0px ;
line-height: 8px ;
padding-left: 0px ;
font-size: 12px ;
font-weight: bold;
color: #009EE0 ;
}
div#contentcenter h4
{
margin-left: 0px ;
padding-left: 0px ;
font-size: 12px ;
font-weight: 100;
color: #555 ;
}
div#contentcenter h5 /*texte noir*/
{
margin: 0px ;
padding: 0px ;
color: #555 ;
text-align: justify ;
font-weight:normal;
font-size: 12px ;
line-height: 16px ;
}
div#contentcenter h6
{
margin:0px 0px 0px 0px;
padding-top: 5px ;
padding-left: 20px ;
color: #555 ;
font-size: 12px ;
font-weight: 100;
background: url(images/sdv_small_bullet.gif) no-repeat left top ;
/*color: #115d9f ; */
}
div#contentcenter elscomments /*commentaires els*/
{
margin: 0px;
padding: 0px;
color: #555;
text-align: justify;
font-weight:normal;
font-size: 12px ;
line-height: 16px;
font-style: italic;
}
div#contentcenterwider { /*texte Partie centrale plus large pour texte (2ıme colonne plus large) et absence de 3ıme colonne*/
padding: 0px 20px 0px 20px ;
text-align: justify ;
float: left;
width: 747px;
}
div#contentcenterwider p
{
margin:5px 0px 5px 0px;
text-align: justify ;
/*text-indent: 2em ;*/
line-height: 16px ;
}
div#contentcenterwider h1
{
padding-left: 0px ;
padding-top: 10px ;
line-height: 25px ;
font-size: 20px ;
color: #115d9f ; /*1E5A96 ;#EB741D*/
}
div#contentcenterwider h2
{
padding-left: 0px ;
padding-top: 10px ;
line-height: 14px ;
font-size: 16px ;
color: #EB741D ;
}
div#contentcenterwider h3
{
margin-left: 0px ;
line-height: 8px ;
padding-left: 0px ;
font-size: 12px ;
color: #115d9f ;
}
div#contentcenterwider h4
{
margin-left: 0px ;
padding-left: 0px ;
font-size: 12px ;
font-weight: 100;
color: #000000 ;
}
div#contentcenterwider h5 /*texte noir*/
{
margin: 0px ;
padding: 0px ;
color: #000 ;
text-align: justify ;
font-weight:normal;
font-size: 12px ;
line-height: 16px ;
}
div#contentcenterwider h6
{
margin:0px 0px 0px 0px;
padding-top: 5px ;
padding-left: 20px ;
font-size: 12px ;
font-weight: 100;
background: url(images/abm_small_bullet.gif) no-repeat left top ;
/*color: #115d9f ; */
}
div#ligne /*ligne blanche*/
{
line-height: 8px ;
border-bottom: 2px solid #ffffff ;
}
div#sansligne /*sans ligne blanche*/
{
line-height: 8px ;
border-bottom: 0px solid #ffffff ;
}
div#contentright { /*richmedia (3ıme colonne)*/
padding: 10px 4px 10px 16px ;
text-align: justify ;
float: left;
width: 287px;
background-color: #;
}
div#contentright h2
{
padding-left: 0px ;
text-align: center ;
line-height: 31px ;
font-size: 16px ;
color: #EB741D ;
}
.bordure{
border: 1px solid #cccccc ;
}
div#contentright h6
{/* taille Lıgende*/
margin:0px 0px 0px 0px;
padding-left: 0px ;
font-size: 10px ;
font-weight: 100;
line-height: 12px ;
/*color: #115d9f ; */
}
div#surfooter { /* bas fond de page*/
padding: 0px 0px 0px 0px ;
margin: 0px 0px 0px 0px;
text-align: justify ;
float: left;
width: 953px;
/*background: url(images/basfondpage.gif) left top no-repeat;*/
background-color: #fff;
}
div#surfooterwider { /* bas fond de page plus large*/
padding: 0px 0px 0px 0px ;
margin: 0px 0px 0px 0px;
text-align: justify ;
float: left;
width: 953px;
background: url(images/basfondpagewider.gif) left top no-repeat;
background-color: #032ba4;
}
div#ombrefoot {
padding: 0px ;
margin: 0px;
float: left;
width: 953px;
height: 8px;
background: url(images/ombrefoot.gif) left bottom repeat-x;
background-color: #ffffff ;
}
p#footer
{
padding: 0px Opx 1px 1px;
margin: 0px 0px 0px 0px;
position: relative;
float: left;
width: 953px;
line-height: 21px ;
bottom: Opx;
text-align: right ;
background: url(images/foot.gif) repeat-x;
background: #4caadd;
font-size: 10px; color: #fff; text-decoration:none;
}
a#footer
{
font-size: 10px; color: #fff; text-decoration:none;
}
pre
{
overflow: auto ;
background: #dea ;
border: 2px solid #9b2 ;
padding: 5px 0 0 5px ;
font-size: 1.2em ;
}
/* En passant on dıfinit l'overflow de la balise pre ı auto pour
permettre d'afficher des barres de dıfilement si le texte contenu
dans cette balise est trop grand */
/*une couleur de fond, une bordure, la taille de police
et un lıger espace entre le texte et les bords du pre */
pre span
{
color: #560 ;
}
/* Couleur de texte des ılıments compris dans des span
eux mımes compris dans un pre */
pre span.comment
{
color: #b30000 ;
}
/* Couleur diffırente pour les span.comment, les span
utilisıs pour les commentaires */
/* Une largeur est donnı au ı cause d'Internet Explorer,
en utilisant le commentaire conditionnel suivant, placı dans l'ılıment de la partie HTML*/