/* CSS de la partie class="page" */


.vertical {
glyph-orientation-vertical : 270deg;
	color:#333;
	border:0px solid red;
	writing-mode:tb-rl;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);
	white-space:nowrap;
	display:block;
	bottom:0;
	width:20px;
	height:20px;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	text-shadow: 0px 0px 1px #333;
}

/*======================== IMAGES =======================*/

object[type="image/png"]{
box-shadow: 8px 8px 12px #aaa; 
-moz-box-shadow: 8px 8px 12px #aaa; 
-webkit-box-shadow: 8px 8px 12px #aaa; 
/*box-shadow: 1px 1px 12px #555; */
}

/*======================== CITATIONS =======================*/
cite { }

blockquote { 
margin-left : 50px;
padding-left : 10px;
border-left : 2px solid #d0d0d0;
 quotes: "<<" ">>";
 }
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

/*======================== ASIDE =======================*/
aside {
float: right;
width: 250px;
border-bottom : 1px solid #d0d0d0;
border-top : 1px solid #d0d0d0;
border-left : 1px solid #d0d0d0;
border-right : 1px solid #d0d0d0;
padding : 10px;
margin : 0px;
box-shadow: 8px 8px 12px #aaa; 
-moz-box-shadow: 8px 8px 12px #aaa; 
-webkit-box-shadow: 8px 8px 12px #aaa; 
}

aside h1 {
font-size : 1.4em !important;
text-align : center !important;
background-color : #d0d0d0 !important;
padding : 0px;
margin-top : 0px !important;
margin-left : 0px !important;
margin-right : 0px !important;
margin-bottom : 15px !important;

}

aside a {
font-size :1.2em;
}
/*======================== FOOTER =======================*/



div.page a:link {
color : #365D95;
background-color : transparent;
}

div.page a:visited {
color : #a0a0a0;
background-color:transparent;
}

div.page a:hover {
text-decoration : underline;
}

div.page a:active {
text-decoration: underline;
color: #1f2126;
}


input, td, th, tr { font-size : 1.0em }

a img { border: 0; }


ul.square { 
list-style-type : square; 
margin-top : 40px;
margin-bottom : 5px;}

ul.circle { list-style-type : cicle; }

ul.circle li{ 
font-size : 1.2em; 
margin-left : 30px;
}

ul.square li{ font-size : 1.2em; }

/*-------------------------------------------------------------*/

.stabilo {background-color : #b5ffff;}

.centre {text-align : center;}

.droite {text-align : right;}

.gauche {text-align : left;}

/*-------------------- MENU--------------------*/

ul.menu {
margin-bottom : 50px;
margin-top : 10px;
margin-left : 0px;
margin-right : 0px;
padding-top : 5px;
padding-bottom : 10px;
/*padding : 0;*/
/*font-family: arial, sans-serif;*/
/*font-size : 14px;*/
font-size : 1.4em;
/*font-weight : bold;*/
list-style-type : none;
/*border-bottom : 5px solid #e0e0e0;*/
background-color : #f0f0f0;
text-align : center;
}

/*
.menu a:active {
color : #1f2126;
text-decoration : underline;

}

.menu a:hover {
color : #1f2126;
}

.menu a:link {
color : #365D95;
background-color : transparent;
}

.menu a:visited {
color : #365D95;
background-color:transparent;
}

.menu li {
display : inline;

margin-bottom : 5px;
margin-top : 5px;
margin-left : 5px;
margin-right : 5px;
}*/

/*-------------------- PAGE --------------------*/
.page {
margin-top : 45px;
margin-bottom : 50px;
}

.page h1{
font-size : 2.6em;
color: #fdfdfd;
background-color  : #365D95;
text-align : left;
padding-top : 5px;
padding-bottom : 5px;
padding-right : 20px;
padding-left : 20px;
margin-bottom : 15px;
margin-top : 15px;
margin-left : 15px;
margin-right : 15px;
}


div.page h2 {
font-size : 1.8em;
color : #000000;
border-bottom : 1px solid #d0d0d0;
font-weight : bold;
text-align : left;
font-variant : small-caps;
padding-top : 20px;
padding-bottom : 00px;
margin-bottom : 0px;
margin-top : 10px;
}

div.page h3 {
font-size : 1.4em;
color : #000000;
font-weight : bold;
font-style : normal;
border-bottom : 1px dashed #d0d0d0;
/*none, dotted, dashed, solid, double, groove, ridge, inset, outset*/
text-align : left;
padding-top : 10px;
padding-bottom : 0px;
margin-bottom : 5px;
margin-top : 15px;
}

div.page h4 {
font-size : 1.2em;
color : #000000;
font-weight : bold;
font-style : normal;
text-align : left;
padding-top : 20px;
padding-bottom : 10px;
margin-bottom : 5px;
margin-top : 10px;
}

div.page h5 {
/*font-size : 11px;*/
/*font-size : 1.1em;*/
color : #000000;
font-weight : bold;
font-style : italic;
text-align : left;
padding-left : 10px;
padding-top : 10px;
padding-bottom : 0px;
margin-bottom : 5px;
margin-top : 10px;
}

.page p, li{
color : #000000;
padding-left : 0px;
padding-top : 0px;
padding-bottom : 0px;
padding-right : 0px;
font-style : normal;
font-weight : normal;
text-align : justify;
margin-bottom : 0px;
margin-top : 7px;
}

.page a {
font-size : inherit;
}

/*-------------------- SOMMAIRE --------------------*/

div#sommaire {
margin-left : 0px;
margin-bottom : 50px;
padding-top : 0px;
padding-bottom : 10px;
padding-right : 0px;
padding-left : 0px;
border-bottom : 1px solid #d0d0d0;
font-size : 1.2em;
}

div#sommaire h1 {
/*font-size : 18px;*/
font-size : 1.8em;
border-bottom : 1px solid #d0d0d0;
color : #000000;
background-color  : #ffffff;
font-weight : bold;
text-align : left;
font-variant : small-caps;
padding-top : 0px;
padding-bottom : 0px;
padding-right : 0px;
padding-left : 0px;
margin-bottom : 10px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
}
/*
div#sommaire  p, a, span, li {
font-size : 12px;
}
*/

/*----------------------------------------------*/

div#contenu {
background-color : #ffffff;
margin-bottom : 15px;
margin-top : 15px;
margin-left : 15px;
margin-right : 15px;
}
/*----------------------------------------------*/


.miniature {
width : 300px;
background-color : #ffffff;
border-bottom : 1px solid #505050;
border-top : 1px solid #505050;
border-left : 1px solid #505050;
border-right : 1px solid #505050;
margin-bottom : 2px;
margin-top : 2px;
margin-left : 2px;
margin-right : 2px;
}

.illustration{
text-align : left;
background-color:#efefef;
border-top : 1px solid #d0d0d0;
border-bottom : 1px solid #d0d0d0;
border-left : 1px solid #d0d0d0;
border-right : 1px solid #d0d0d0;
margin-bottom : 20px;
margin-top : 20px;
margin-left : 2px;
margin-right : 2px;
padding-bottom : 10px;
}

.illustration p{
/*font-size : 11px;*/
font-size : 1.2em;
margin-left : 10px;
margin-right : 10px;
margin-top : 0px;
margin-bottom : 10px;
padding-top : 5px;
padding-bottom : 5px;
}

.illustration img{
/*border-top : 1px solid #000000;*/
/*border-bottom : 1px solid #000000;*/
/*border-left : 1px solid #000000;*/
/*border-right : 1px solid #000000;*/
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
margin-bottom : 5px;
}

div#note {
clear : both ;
margin-top : 15px;
font-size : 10px;
}

div#note hr{
color: #000000;
text-align : left;
height: 1px;
width : 300px;
}


/*-------------------- FORMULAIRES --------------------*/

div.formulaire {
border-top : 1px solid #cfcfcf;
border-bottom : 1px solid #cfcfcf;
border-left : 1px solid #cfcfcf;
border-right : 1px solid #cfcfcf;
background-color : #efefef; 
color : #000000;
padding-top : 2px;
padding-bottom : 2px;
margin-bottom: 7px;
}

.formulaire table {
border-style : solid; 
border-width : 0px; 
border-color : #000000;
border-collapse : collapse;
margin : auto;
}

.formulaire td {
color : black;
border-color : #efefef;
text-align : left;
border-width : 1px;
border-style : solid; 
padding-left : 5px;
padding-right : 5px;
padding-top : 3px;
padding-bottom : 3px;
}

.formulaire th {
background-color : #cfcfcf;
color : black;
border-style : solid;
border-color : #efefef;
text-align : center;
border-width : 1px;
padding-left : 8px;
padding-right : 8px;
}
/*----------------------------------------------*/

div.remarque {
border-top : 1px solid #cfcfcf;
border-bottom : 1px solid #cfcfcf;
border-left : 1px solid #cfcfcf;
border-right : 1px solid #cfcfcf;
background-color : #efefef; 
color : #000000;
margin-top: 7px;
padding-top : 2px;
padding-bottom : 2px;
margin-bottom: 7px;
}

.remarque h1 {
color : #000000;
text-align : left;
background-color : #efefef;
padding-top : 3px; 
/*font-size : 13px; */
font-size : 1.3em;
margin-bottom : 4px; 
font-variant : small-caps;
}

.remarque p {
margin-top: 7px; 
padding-left: 20px;
padding-right: 20px; 
margin-bottom : 7px;
}


div#index {
/*font-family : helvetica,verdana,arial,sans-serif;*/
/*font-size : 12px;*/
font-size : 1.2em;
color : #000000;
border-top : 1px solid #dfdfdf;
border-bottom : 1px solid #dfdfdf;
border-left : 1px solid #dfdfdf;
border-right : 1px solid #dfdfdf;
}

div#index h1 {
/*font-size : 14px;*/
font-size : 1.4em;
text-align : center;
font-variant : small-caps;
background-color : #dfdfdf;
margin-top : 0px;
font-weight : bold;
}

div#index p {
/*font-size : 12px;*/
font-size : 1.2em;
padding-left : 5px;
}

div#index a {
text-decoration : none;
}

div#index a:link {
/*font-family:arial, sans-serif;*/
/*font-size : 12px;*/
font-size : 1.2em;
color : blue;
background-color : transparent;
}

div#index a:visited {
/*font-family:arial, sans-serif;*/
/*font-size : 12px;*/
font-size : 1.2em;
color : gray;
background-color:transparent;
}

div#index a:hover {
text-decoration : underline;
}


.lettrine {
float : left;
color : #000000;
font-weight : bold;
/*font-size : 35px;*/
font-size : 3.5em;
}

.exemple {
font-family : 'lucida console','courier new'; 
background-color  : #d0d0d0;
padding-top : 5px;
padding-bottom : 5px;
padding-right : 2px;
padding-left : 2px;
margin-bottom : 5px;
margin-top : 5px;
margin-left : 0px;
margin-right : 0px;
}



div#annonce {
background-color  : #fff9b0;
float : right;
width : 200px;
border-bottom : 1px solid #d0d0d0;
border-top : 1px solid #d0d0d0;
border-left : 1px solid #d0d0d0;
border-right : 1px solid #d0d0d0;
margin-left : 20px;
padding-top : 0px;
padding-bottom : 5px;
padding-right : 0px;
padding-left : 0px;
}


div#annonce h1 {
/*font-size : 12px;*/
font-size : 1.2em;
color : #ffffff;
background-color  : #d0d0d0;
font-weight : bold;
text-align : center;
text-transform : uppercase;
padding-top : 0px;
padding-bottom : 0px;
padding-right : 0px;
padding-left : 0px;
margin-bottom : 10px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
}

div#annonce a, span {
/*font-size : 12px;*/
font-size : 1.2em;
}

p.unix{
/*font-size : 16px;*/
/*font-size : 1.6em; */
FONT-FAMILY: 'lucida console','courier new'; 
LETTER-SPACING: 1px ;
}

div.unix {
/*font-size : 16px;*/
/*font-size : 1.6em;*/
FONT-FAMILY: 'lucida console','courier new'; 
LETTER-SPACING: 1px ;
color : #ffffff;
background-color  : #000000;
padding-top : 5px;
padding-bottom : 5px;
padding-right : 2px;
padding-left : 2px;
margin-bottom : 5px;
margin-top : 5px;
margin-left : 0px;
margin-right : 0px;
}

.unix p{
/*font-size : 14px;*/
/*font-size : 1.4em;*/
FONT-FAMILY: 'lucida console','courier new'; 
LETTER-SPACING: 1px ;
color : #dfdfdf;
background-color  : #000000;
}

.unix pre{
/*font-size : 14px;*/
font-size : 1.2em;
FONT-FAMILY: 'lucida console','courier new'; 
LETTER-SPACING: 1px ;
color : #dfdfdf;
background-color  : #000000;
}

/*-------------------- REDACTEUR--------------------*/

div#redacteur {
background-color  : #ffffff;
float : right;
width : 200px;
border-bottom : 1px solid #d0d0d0;
border-top : 1px solid #d0d0d0;
border-left : 1px solid #d0d0d0;
border-right : 1px solid #d0d0d0;
margin-left : 20px;
padding-top : 5px;
padding-bottom : 5px;
padding-right : 5px;
padding-left : 5px;
}


div#redacteur h1 {
/*font-size : 12px;*/
font-size : 1.2em;
color : #ffffff;
background-color  : #d0d0d0;
font-weight : bold;
text-align : center;
text-transform : uppercase;
padding-top : 0px;
padding-bottom : 0px;
padding-right : 0px;
padding-left : 0px;
margin-bottom : 10px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
}

div#redacteur a, span {
/*font-size : 12px;*/
font-size : 1.2em;
}


/*
input[type="date"] {
-moz-binding: url('chrome://global/content/bindings/datetimepicker.xml#datepicker-grid');
}*/

/*-------------------- NOTES --------------------*/

.noteclassic {
background-color:#EEEEFF;
background-image:url("icons/note.png");
}


.noteclassic, .noteimportant, .notewarning, .notetip, .notehelp {
margin:0;
}


.noteclassic, .noteimportant, .notewarning, .notetip, .notehelp {
-moz-border-radius:10px 10px 10px 10px;
-moz-box-shadow:2px 2px 3px #999999;
background-position:20px 50%;
background-repeat:no-repeat;
border:1px solid #999999;
bottom:6px;
height:auto !important;
margin:0;
min-height:40px;
overflow:visible;
padding:15px 20px 15px 80px;
position:relative;
right:6px;
text-align:justify;
width:80%;
}