/*
Fond  RVB 213 - 150 - 255 Hexa #D596FF

Texte RVB 53 - 37 - 63   Hexa #35253F Tahoma, Geneva, sans-serif

1em is equal to the current font size. The default text size in browsers is 16px. So, the default size of 1em is 16px.
The @media rule allows different style rules for different media in the same style sheet.
@media print  { p.test {font-family:times,serif;font-size:10px;} }
http://www.w3schools.com/css/css_navbar.asp
_____________________________________________________________________________________
Exemple d'affichage des formulaires
input[type="text"]
{
width:150px;
display:block;
margin-bottom:10px;
background-color:yellow;
}
input[type="button"]
{
width:120px;
margin-left:35px;
display:block;
color:#35253F;
}
_________________________________________________________________________________________________
*/
html {overflow:hidden;margin:0px;padding:0px;}
body.nonm 
{
	background:#D7E6FF url('../images/bg_mariolaine.png') top center repeat-x;
	font-size:100%;
	margin:15px;
	padding:10px;
	color:#35253F;
	font-family:Tahoma, Geneva, sans-serif;
}
body.m 
{
	background:#D7E6FF url('../images/bg_mariolainemembre.png') top center repeat-x;
	font-size:100%;
	margin:15px;
	padding:10px;
	color:#35253F;
	font-family:Tahoma, Geneva, sans-serif;
}  
h1 {font-size:2.5em;} /* 40px/16=2.5em */
h2 {font-size:1.875em;} /* 30px/16=1.875em */
p {font-size:0.875em;} /* 14px/16=0.875em */

p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}
P.small  {font-size:0.6em;}

a:link {color:#0B07F9;}    /* unvisited link    bleu foncé      */
a:visited {color:#F95711;} /* visited link      orange          */
a:hover {color:#22C7F9;}   /* mouse over link   bleu turquoise  */
a:active {color:#0CF91C;}  /* selected link     vert            */

#tech
{
	border-style:none;
	border-collapse:collapse;
	width:100%
	background-color:#35253F;
	color:white;
	padding:0px;
	font-size:10px;
}

table
{
border-collapse:collapse;
width=90%
}
table, td, th
{
border:1px solid #35253F;
padding:5px;
text-align: center;
}
th
{
background-color:#35253F;
color:white;
}
.titre
{
	background-color:#35253F;
	color:white;
	border:1px solid white;
}

#addphoto {
	border:0px;
	padding:15px;
	text-align: center;
}

#bloc-fixe { 
	position:fixed;
	overflow:auto;
	right:0px;
	left:0px;
	top:0px;
	height:100px;
	border:solid 0px;
	font-size:90%;
}
#contenu { 
	position:fixed;
	overflow:auto;
	right:0px;
	left:0px;
	bottom:0px;
	top:100px;
	border:solid 0px;
	padding:10px;
}

#pad { 
	padding:10px;
}
div.log
{
float:right
}
input.log {
    font-size : 7px;
    }



/*
Menu
_________________________________________________________________________________________________
*/

ul.menu_2
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
background-color:#98bf21;
}
li.menu_2
{
float:left;
}
a.menu_2:link,a.menu_2:visited
{
display:block;
width:130px;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a.menu_2:hover,a.menu_2:active
{
background-color:#7A991A;
}

li.bouton_gauche {
padding : 0 0.5em; 
line-height : 30px;
float : left;
border-right : 1px dashed black;
font :  1.0em "Trebuchet MS";
}

li.bouton_droite {
padding : 0 0.5em; 
line-height : 30px;
float : right;
border-left : 1px dashed black;
font :  1.0em "Trebuchet MS";
}

table.men, tr.men, td.men {
    border: 0px solid black;
    border-collapse: collapse;
	margin: 0; 
    text-align: center;
}
table.men {
    height: 60px;
    vertical-align: center;
	float:right; /*position:absolute; */
	right:430px; 
	top:20px;
}
tr.men, td.men {
    padding: 0px;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.menu{float:right; position:absolute; right:30px; top:20px;}
.menu a, .menu a:visited{display:block; float:left; width:200px; height:37px;}

.b_accueil, .b_accueil:visited{background:url('../images/b_accueil.gif') top left no-repeat;}
.b_accueil#courant, .b_accueil:hover{background:url('../images/b_accueil.gif') bottom left no-repeat;}