/* 
** BLUE:SKY - alternative style: right nav.
** This CSS file makes the webpage look pretty ;-)
** 
** May 15, 2006 - (version 1.0)
** 
** this is a part of the open source layout by 
** Jonas John (www.jonasjohn.de) ~ made for oswd.org !
*/


/* page overall: */

body,div,p,img,form,h1,h2,h3,h4,h5,h6 { 
    margin: 0; 
    padding: 0; 
    border: 0;
}
 
body {
    margin: 0.5em 0em 2em 0em;

    font-size: 80%;
    font-family: sans-serif;
    line-height: 1.4em;
    text-align: center;
    
   /* background-color: #A5DDF8;
    background-image: url(../images/background.png);
    background-repeat: repeat-x;*/
background-color: #dae9ff;
background-image: url(fond.png);
 background-repeat: repeat-x;

}
 
#page { 
    /*width: 70%; */
	width: 950px;
    text-align: left;  
    margin-left: auto; 
    margin-right: auto;  
} 


/* header: */

#header {
    position: relative; 
    width: 100%;
    /*height: 2.8em;*/
    /*height: 3.7em;*/
    color: #fff;
    vertical-align: middle;
    text-align: left;
background-image: url(filet.png);
height: 60px;
margin-bottom: 15px;
} 

/* Ajout VIC */
#header a {
display: block;
height: 60px;
}

#header a img {
display: block;
border: none;
}

#header a:link, #header a:visited {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    /*font-size: 1.9em;*/
    font-size: 2.5em;
    /*letter-spacing: -0.1em !important;
    letter-spacing: -0.2em;
    line-height: 1.4em;*/
}


/* left column: */

#left {
    width: 230px; 
    float: right; 
    /*position: relative; */
    /*font-size: 0.8em;*/
    font-size: 1em;
}

div#nav {
    background-color: #fff;
/*#4284B5*/
    border-right: 0.18em solid #50ac33;
    border-bottom: 0.16em solid #50ac33;
}
    
#nav ul {
    list-style-type: none;
    padding: 0.5em 0em 0.9em 0em;
    margin: 0;
}

#nav ul li {
    padding: 0.2em 0em 0.2em 0.9em;
    margin: 0;
}

#nav a:link, #nav a:visited {
    color: #2E668B;
text-decoration: none;
}
 
#nav a:hover, #nav a:active {
    color: #000;
text-decoration: underline;
}

div.left_box {
    background-color: #fff;
    margin-top: 1em;
/*#4284B5*/
    border-right: 0.18em solid #50ac33;
    border-bottom: 0.16em solid #50ac33;

}

div.left_box h3, div#nav h3 {
    margin: 0em;
    padding: 0.2em 0em 0.2em 1em;
    /*font-size: 0.8em;*/
    font-size: 90%;
    color: #fff;
/* #65B6E3*/
    border-top: 0.1em solid #84c15c;   
    border-left: 0.1em solid #84c15c;
/*#4284B5*/ 
    background-color: #50ac33;
    text-transform: uppercase;
}

div.left_box p {
    margin: 0em;
    padding: 1em 1em 1em 1em;
}

div.left_box a {
text-decoration: none;
}

div.left_box a:link {
    color: #2E668B;
}
    
div.left_box a:visited {
    color: #254A65; 
}
 
div.left_box a:hover, div.left_box a:active {
    color: #000;
	text-decoration: underline;
}

div.inner_box {
/* 7BA5C6*/
    border-right: 0.15em solid #8dce61;
    border-bottom: 0.15em solid #8dce61;
}



/* content column: */

#content {
    float: left; 
    display: inline; 
    /*position: relative; */
    width: 700px; 
    /*font-size: 0.75em;*/
    
    background-color: #fff;
/*#4284B5*/
    border-right: 0.2em solid #50ac33;
    border-bottom: 0.2em solid #50ac33;
}

#content h1 {
    clear: both;
    margin: 0em 0em 0em 0em;
    padding: 0.5em 0em 0em 0.1em;
    /*font-size: 1.7em;*/
    font-size: 1.45em;
    /*color: #FF6300;*/
color: #df8c53;
   /* border-bottom: 0.05em solid #FF9853;*/
border-bottom: 0.05em solid #df8c53;
    line-height: 1.1em;
}

p {
    margin: 0em 0em 0.5em 0em;
    padding: 0.35em;
}

#path {
    margin: 0em 0em 0em 0em;
    padding: 0.4em 0.6em 0.4em 0.6em;
    /*font-size: 0.9em;*/
    font-size: 1em;
    color: #2F5E80;
    /*#D0E7F4*/
    background-color: #ddf3cf;    
    /* 7BA5C6*/
    border-right: 0.23em solid #8dce61;
}

#content a:link {
    color: #2E668B;
}
    
#content a:visited {
    color: #255270; 
}
 
#content a:hover, #content a:active {
    color: #000;
}

#content acronym {
    border-bottom: 1px dotted #4284B5;
    cursor: help;
    margin: 0;
    padding: 0;
}


#main {
    padding: 0.5em 1.5em 1.5em 0.7em;
    /* 7BA5C6*/
    border-bottom: 0.2em solid #8dce61;
    border-right: 0.2em solid #8dce61;
}

div.img_left, div.img_right {
/* #4284B5 */
    border-bottom: 0.09em solid #50ac33;
    border-right: 0.1em solid #50ac33;
}

div.img_left {
    float: left; 
    margin: 0.5em 0.8em 0em 0em;
}

div.img_right {
    float: right; 
    margin: 0.5em 0em 0em 0.8em;
}

div.img_left img, div.img_right img {
    display: block;
    /* 7BA5C6*/
    border: 0.35em solid #8dce61;
    margin: 0;
    padding: 0;
}


/* this clears floating (e.g images) */
br.clear {
    clear: both;
    display: none;
}


/* footer: */

#footer { 
    margin: 0em;
    padding: 0em;
    font-size: 1em;
    clear: both;
    /*color: #027BC1;*/
    color: #3a7c25;
    text-align: left;
} 

#footer p {
    margin: 0em;
    padding: 0.1em;
}

#footer a:link, #footer a:visited {
/*color: #027BC1;*/ 
    color: #3a7c25;
} 

#footer a:hover, #footer a:active { 
    color: #000000;
} 


/**
* Ajout 
*/

#content h2 {
    clear: both;
    margin: 2em 0em 0.5em 0em;
    padding: 0.5em 0em 0em 0.1em;
    /*font-size: 1.3em;*/
    font-size: 1.4em;
    /*color: #FF6300;*/
color: #df8c53;
   /* border-bottom: 0.05em solid #FF9853;*/
border-bottom: 0.05em solid #df8c53;
    line-height: 1.1em;
}

p.Commun_Soustitre {
font-style: italic;
font-size: 1.05em;
}

p.Commun_Complement {
font-style: italic;
margin-left: 15px;
margin-right: 20px;
}


p.Fiche_Site {
text-align: right;
}

p.Fiche_Auteur {
text-align: right;
font-style: italic;
font-weight: bold;
color: #df8c53;
}

p.Commun_Liste_Titre {
margin-bottom: 0;
font-size: 1.2em;
padding-bottom: 0;
}

p.Commun_Liste_Lien {
font-size: 0.9em;
margin-top: 0;
margin-bottom: 1em;
margin-right: 4em;
text-align: right;
}

p.Commun_Liste_Lien a {
text-decoration: none;
}

p.Commun_Liste_Lien a:hover {
text-decoration: underline;
}

p.Commun_Liste_Soustitre {
font-style: italic;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
text-indent: 0;
}



span.BoxDisplayLink {
font-family: monospace;
padding-left: 2px;
padding-right: 2px;
color: white;
background-color: #50ac33;
}


/** classes de _common_ficheblock.css **/
p.TXT {
	text-indent: 3em;
}

p.H {
font-weight: bold;
margin-left: 2em;
margin-top: 2em;
text-indent: 0;
}

blockquote.CITATION {
quotes: "\00AB" "\00BB";
font-style: italic;
}

blockquote.CITATION:before { content: open-quote; font-size: 2em; font-style: italic}
blockquote.CITATION:after { content: close-quote; text-align: right; font-size: 2em;display: block;font-style: italic}

div.DIV {
margin-right: 10%;
margin-left: 10%;
margin-top: 30px;
margin-bottom: 15px;
}

div.FBL {
font-size: 90%;
border-color: black;
border-width: 1px;
border-style: solid;
padding-left: 5px;
padding-right: 5px;
padding-top: -3px;
padding-bottom: -3px;
}

p.CAPTION {
margin-top: 3px;
font-size: 90%;
font-style: italic;
margin-left: 60px;
margin-right: 60px;
text-align: left;
}

div.NOTE {
display: block;
position: absolute;
left:-999px;top:0;
width: 20em;
border: 3px double black;
background: #f5f5dc;
z-index: 500;
font-size: 90%;
padding: 2px;
}