/* Type CSS rules here and they will be applied
to pages from 'editcss'
immediately as long as you keep this window open. */

/**** LINK-tag style sheet interface_real.css ****/

/* ----- FEUILLE DE STYLE GENERALE DE L'INTERFACE D'OPENESUB ----- */

/* Parametres generaux */

body {
    margin: 0px; 
  background-color:#c5cbc7;
  background-color:#000000;
//background: black url(../../images/console/fond_page.png) 0 0 repeat;
  color:#2d666b;
}

img {
    border: 0px;
}

li {    
    font-size: 10pt;
    font-family: Arial,Helvetia,sans-serif;
    text-align: justify;     
    padding-left: 10px; 
    padding-right: 10px;  
}

table {
    width: 100%; 
    margin: 0px;
    font-size: 10pt;
    font-family: Arial,Helvetia,sans-serif;
    padding: 0;
    border-width: 0;
    vertical-align: middle;
}

td tr {
    font-size: 10pt;
    font-family: Arial,Helvetia,sans-serif;
    padding: 0;
    border-width: 0;
    vertical-align: middle;
}

a {
    font-weight: bold; 
    color: #008080; 
    text-decoration: underline;
}

a:hover {
    color: #0C5;
}

h1 {
    margin-left: 150px; 
    margin-right: 150px; 
    font-size: 14pt; 
    font-weight: bold; 
background:url(../../images/console/fond_bloc.png) 0 0 repeat;
  background: #ced3d5 
  padding: 5px;
  margin: 10px;
margin-bottom:0px;
  border-top:white;
  border-bottom:gray;
  border-left:white;
  border-right:gray;
  border-style:solid; 
  border-width:1px; 
color:black;
padding:10px;
font-variant:small-caps;
}

h2 {
    padding: 5px; 
    font-size: 12pt; 
    font-weight: bold;;
  margin: 10px;
  border-style:none; 
  border-width:1px;
  background: #105050;
//color:lightgray;
background: transparent url(../../images/console/deco_bloc.png) 97% 52% no-repeat;
margin-top:30px;
}

p {
    font-size: 10pt;
    font-family: Arial,Helvetia,sans-serif;
    padding-left: 10px; 
    padding-right: 10px; 
    text-align: justify; 
    line-height: 1.5;
}

/* Parametres particuliers du menu vertical */

div#texteExplicatif {
    color: red;
    background:black;
    text-align:center;
    
  border-top:gray;
  border-bottom:white;
  border-left:gray;
  border-right:white;
  border-style:solid; 
  border-width:2px; 
font-family:courier;
font-size:x-small;
padding:2px;
}

div#copyright {
    font-style: italic;
}

td.menuVertical {
    width: 20%; 
    vertical-align: top;
  background: #ced3d5 url(../../images/console/fond_bloc.png) 0 0 repeat;
  padding: 5;
  margin: 5;
  border-top:white;
  border-bottom:gray;
  border-left:white;
  border-right:gray;
  border-style:solid; 
  border-width:1px; 
    text-align: left;
}

table.groupementOptionsMenuVertical {
    padding-top: 5px; 
    padding-bottom: 5px; 
    padding-left: 10%; 
    padding-right: 10%; 
    text-align: left;
}

table.groupementOptionsMenuVertical td {
  //background: #105050;
  color:#ced3d5;
  padding:2px;
  border-top:white;
  border-bottom:gray;
  border-left:white;
  border-right:gray;
  border-style:solid; 
  border-width:1px; 
}

table.groupementOptionsMenuVertical td.rubriqueMenuVertical {
    padding-top: 3px; 
    padding-bottom: 3px;
    font-weight: bold;
    text-align: left;
  background: transparent url(../../images/console/deco_bloc.png) 2px 52% no-repeat;
padding-left:25px;
  color:#2d666b;
  border:none;
}

a.optionMenuVertical {
    font-weight: bold;
    text-decoration: none;
  background: transparent url(../../images/console/deco_ami.png) 0 50% no-repeat;
 // color:#ced3d5;
  padding: 2px 5px 2px 12px;
    margin:3%;
}

a.optionMenuVertical:hover {
 //   color: white;
  background: transparent url(../../images/console/deco_sub.png) 0 50% no-repeat;
  padding: 2px 5px 2px 12px;
    margin:3%;
}

div.optionsMenuVertical {
    padding-top: 15px;
}

.conteneurBouton {
    padding-top: 5px;
    text-align: center; /* pour Internet Explorer */
}

#conteneurBoutonLudimail {
    padding-top: 15px;
    padding-bottom: 10px;
    text-align: center; /* pour Internet Explorer */
}

#boutonLudimail {
    margin-left: auto;
    margin-right: auto;  
}

.bouton_valid {
    margin-left: auto;
    margin-right: auto;     
}

.bouton_submit {
	margin-left: 50px;
	margin-bottom: 30px;
	margin-top: 30px;
	background: black;
}

/* Parametres particuliers du menu horizontal */

td.menuHorizontal {
  background: #ced3d5 url(../../images/console/fond_bloc.png) 0 0 repeat;

}

table#optionsMenuHorizontal {
    height: 100%; 
    text-align: center;
}

a.optionMenuHorizontal {
  background: transparent url(../../images/console/deco_ami.png) 2px 50% no-repeat;
 // color:#ced3d5;
  padding: 2px 5px 2px 15px;
  text-decoration: none;
  border-top:white;
  border-bottom:gray;
  border-left:white;
  border-right:gray;
  border-style:solid; 
  border-width:1px; 

}

a.optionMenuHorizontal:hover {
  background: transparent url(../../images/console/deco_sub.png) 2px 50% no-repeat;
 // color:white;
  padding: 2px 5px 2px 15px;
  border-top:white;
  border-bottom:gray;
  border-left:white;
  border-right:gray;
  border-style:solid; 
  border-width:1px; 

}

td.colonneMenuHorizontal {
    width: 20%;
    text-align: center;
}

/* Parametres ponctuels */

img#logoOpenESub {
    padding: 10px;
    margin-left: auto;
    margin-right: auto; 
  background: #105050 url(../../images/console/fond_page.png) 0 0 repeat;
  border-top:gray;
  border-bottom:white;
  border-left:gray;
  border-right:white;
  border-style:solid; 
  border-width:1px; 
}

img#banniereOpenESub {
    margin-left: auto;
    margin-right: auto; 
    vertical-align: middle;
}

#titreOpenESub {
    margin-left: auto;
    margin-right: auto;
  margin-top:3px;
  border-top:gray;
  border-bottom:white;
  border-left:gray;
  border-right:white;
  border-style:solid; 
  border-width:1px; 
}

td#celluleLogoRubrique {
    vertical-align: top;
    text-align: center;
    height: 1px;
}

td#page {
    vertical-align: top;
   // color:#2d666b;
   // color:#4f888d;

    padding: 10px;
    margin-left: auto;
    margin-right: auto; 
  background: #105050 url(../../images/console/fond_bloc.png) 0 0 repeat;
  border-top:gray;
  border-bottom:white;
  border-left:gray;
  border-right:white;
  border-style:solid; 
  border-width:20px; 
border-color:black;
margin:50px;
}


div.retour {
    text-align: right;
    margin-right: 10px;
}

span.puce {
    background: black;
    color: red;
    font-weight: bold;
}

.gras {
    font-weight: bold;
}

.cartouche {
    margin-top: 20px;
}

.italique {
    font-style: italic;
}

.message {
	font-weight: bold;
    text-align: center;
    color: red;
	margin-left: 10%;
	margin-right: 10%;
        margin-top: 10px;
	border: 1px solid red;
	padding: 20px;
}

.version {
    font-style: italic; 
    font-size: 8pt;  
    text-align: right;
}

/* Speciale dedicace a Internet Explorer qui ne respecte pas la norme CSS et qui necessite ca */
.conteneurPourCentrage {
    text-align: center;
}

.centre {
    margin-left: auto;
    margin-right: auto;
    text-align: left; /* Speciale dedice a Internet Explorer qui ne respecte pas la norme CSS */
}


/**** LINK-tag style sheet accueil.css ****/

td.colonnePub {
    width: 20%;
    text-align: center; /* pour Internet Explorer */
}

table#pub {
    width: 100%;
}

.boutonPub {
    margin-left: auto;
    margin-right: auto;  
}


span.puce {
background:none;
//background: transparent url(../../images/console/fleche_droite.png) 0 78% no-repeat;
padding-left:10px;
color:darkred;
}