/*
@page           : main.css 
@template_name  : jujube
@version        : 0.1
@author         : damien@decroissance.info
@date           : 11 novembre 2005
*/

@import url("default.css");
@import url("common.css");


/*
 *  Tete
 */

.tete {
	width: 955px;	
	margin: 0; padding:0 20px 0 0; border: 0;
	background: #fff url(../images/la_ligne_verte.gif) no-repeat top right;
}

.tete_gauche {
	width: 220px;	
    height: 70px;
	margin: 0; 
    padding:0; 
    border: 0;	
	float: left;
}

.coin_haut_gauche { 
    width   : 220px; 
    height  : 200px; 
    border  : 0;  
}

.titre { 
    border  : 0px;
    padding-left: 15px; 
}

.tete_droite_haut{
    float   : right;
    padding-top : 8px;
}

.tete_droite_bas {
	width: 735px;	
    height: 80px;
	margin: 0; 
    padding: 55px 0 0 0; 
    border: 0;	
	float: right;
}

/*
 *  menubar
 */ 



div#menubar {
	width: 712px;	
	margin: 0 0 0 0; padding: 9px 0 0 0; border: 0;	
	float: right;
	border-bottom: 1px solid #ddd;
}


#menubar ul { 
    list-style: none; 
    margin: 0; 
    padding: 0 0 10px 0; 
    font: normal 1.2em Verdana, Arial, sans-serif; 
}

#menubar ul li { 
    display: inline; 
}

#menubar ul li a { 
    color: #80CE00; 
    text-decoration: none; 
    font-weight: bold; 
}

#menubar ul li a:hover { 
    color: #444; 
}

#menubar .debut { 
    padding: 0 10px 0 0; 
    border-right: 1px solid #ccc; 
}
#menubar .milieu { 
    padding: 0 10px 0 10px; 
    border-right: 1px solid #ccc; 
}
#menubar .fin { 
    padding: 0 0 0 10px; 
    border-right: 0; 
}


/*
 * corps
 */

.corps { 
    width       : 975px;  
    background  : #fff url(../images/menu_fond.gif) repeat-y;  
}





/* left side */

.colonne_gauche {
/*	width: 640px;*/
    width: 230px; 
	margin: 0; 
    border: 0; 
    padding: 0;
	float: left;
/*	background:url(../images/left-fade.gif) repeat-y;*/
}



div#menu {
	width: 190px;
	margin: 0; 
    border: 0; 
    padding: 15px 15px 50px 15px;
	float: left;
	text-align: left;
}

#menu ul { 
    margin: 0 0 10px 0; 
    padding: 0; 
    border: 0; 
    list-style: none; 
}

#menu ul li { 
    text-align: left; 
    margin: 0 0 0 0; 
    font: normal 1.2em Verdana, Arial, sans; 
    border-top: 1px solid #444; 
}

#menu ul li a { 
    width: 175px; 
    display: block; 
    margin: 0;
    color: #ccc; 
    padding: 8px 5px 8px 10px; 
    text-decoration: none; 
}

#menu ul li a:hover { 
    color: #fff; 
    background: #444; 
}






/* text styles */

#main {
	margin-right : 20px;
	text-align : justify;
}

#main p { font: normal 1.2em Verdana, Arial, Helvetica, sans; color: #444; line-height: 1.7em; }
#main p a { text-decoration: none; color: #80CE00; font-weight: bold; }
#main p a:hover {  color: #444; }

#main .highlight { border: 1px solid #ccc; padding: 10px 20px 10px 20px; background: #f8f8f8; }

#main .description { font: normal 1.1em Verdana, Arial, Helvetica, sans; color: #444; text-align: left; line-height: 1.2em; }

#main .quote { font: normal 1.8em "Times New Roman", Times, serif; color: #bbb; text-align: left; line-height: 1.2em; margin-top: 0; }

#main .stats { background: #f8f8f8; font: normal 1.2em Verdana, Arial, Helvetica, sans; color: #444; }

#main .landimg { border: 1px solid #ccc; }

#main .brown { font: normal 1.1em Verdana, Arial, Helvetica, sans; color: #444; text-align: left; line-height: 1.2em; }
#main .brown a { font-weight: bold; color: #CE9A00; }


/* list item styles */

#main ul {	text-align: left; font: normal 1.2em Verdana, Arial, Helvetica, sans; color: #444; margin: 20px 10px 20px 2px;	border: 0; padding: 0; }

#main ul li { list-style-type: none; line-height: 1.6em; margin-bottom: 10px; padding-left: 30px; }

#main ul li a { text-decoration: none; color: #80CE00; font-weight: bold; }

#main ul li a:hover { color: #444; }

#main .li-large {	font: normal 2em "Times New Roman", Times, serif; color: #444; padding-left: 30px;	background:url(../images/leaf-small.gif) no-repeat left top; }

#main .li-solo { text-align: left; font: normal 1.1em Verdana, Arial, Helvetica, sans; color: #444; line-height: 1.6em; margin-bottom: 10px; padding-left: 30px; background:url(../images/leaf-small.gif) no-repeat left top; }

#main .li-noindent { list-style-type: none; font: normal 1.1em Verdana, Arial, Helvetica, sans; line-height: 1.6em; margin-bottom: 10px; padding-left: 0px; }

#main .li-indent { text-align: left; font: normal 1.1em Verdana, Arial, Helvetica, sans; color: #444; line-height: 1.6em; margin-bottom: 10px; margin-left: 30px; background:url(../images/leaf-small.gif) no-repeat left top; }

#main .li-bigindent { text-align: left; font: normal 1.1em Verdana, Arial, Helvetica, sans; color: #444; line-height: 1.6em; margin-bottom: 10px; margin-left: 60px; background:url(../images/leaf-small.gif) no-repeat left top; }

#main .ul-feasability {	 text-align: left; font: normal 1em Verdana, Arial, Helvetica, sans; color: #444; margin: 0 0 20px 0; border: 0; padding: 0; }

#main .li-feasability {	display: inline; text-align: left; padding: 0; margin-right: 0; color: #ccc; }






.colonne_droite {
	/*width      : 335px;*/
    width      : 730px;
	margin     : 0; 
    border     : 0; 
    padding    : 12px 0 50px 0;
	float      : right;
}


.chapo ul {
	margin-left : 30px;
}

.chapo ul li {
}

.chapo_contenu {
    font-size: 1.5em;
    margin-right : 20px;	
}


.chapo_contenu h1 {
    font-size: 2.1em;
    margin-bottom: 25px;
}
		

.spip {
}


/*
 * Habillage des menus et de la navigation
 */

.chapo_menu {
        border: 1px solid #a0a0a0;
        border-top: 0px;
        padding: 0px;
        margin: 0px;
        margin-bottom: 16px;
}
.chapo_menu ul {
        display: block;
        margin: 0px;
        padding: 0px;
        padding-bottom: 4px;
        list-style: none;
}

.chapo_menu ul li {
	font-size : 1.1em;
}

.chapo_menu ul li a {
	color : #444444;
}

.chapo_menu ul li a:hover {
	text-decoration : underline;
        color : #111111;
}
	



.chapo_menu ol {
        display: block;
        margin: 0px;
        padding: 0px;
        padding-bottom: 4px;
        list-style: none;
}


/*
 * Habillage des menus et de la navigation
 */

.chapo_menu {
	width : 200px;
	float : right;
        border: 1px solid #a0a0a0;
        border-top: 0px;
        padding: 0px;
        
	margin-top : 38px;
        margin-left: 10px;
	margin-right:20px;
	margin-bottom: 16px;
}
.chapo_menu ul {
        display: block;
        margin: 0px;
        padding: 0px;
        padding-bottom: 4px;
        list-style: none;
}
.chapo_menu ol {
        display: block;
        margin: 0px;
        padding: 0px;
        padding-bottom: 4px;
        list-style: none;
}

.chapo_menu-titre {
        border-top: 1px solid #a0a0a0;
        border-bottom: 1px dashed #d0d0d0;
        margin: 0px;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 3px;
        padding-bottom: 2px;
        font-size: 1.5em;
	text-align : center;
	background-color: #f2fff2;
	font-weight : bold;
	color : #666666;
}

.chapo_menu-item {
        margin: 0px;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 1px;
        padding-bottom: 1px;
        font-size: 80%;
}



.chapo_racc {
	background-color: #eaffea; 
}




a .imagelink { border: 1px solid #ccc; }
a:hover .imagelink { border: 1px solid #80CE00; }

a .imagelinkleft { border: 1px solid #ccc; margin-right: 15px; margin-bottom: 15px; float: left; }
a:hover .imagelinkleft { border: 1px solid #80CE00; }

a .imagelinkleftbrown { border: 1px solid #ccc; margin-right: 15px; margin-bottom: 15px; float: left; }
a:hover .imagelinkleftbrown { border: 1px solid #CE9A00; }





.pied{
    font        : normal 1.4em "Times New Roman", Times, serif; 
    color       : #222222;
    font-weight : bold; 
    text-align  : center;
    background  : #99cc00 url(../images/menu_fond.gif) no-repeat;
    height      : 30px;
    padding-left: 220px;
    padding-top : 7px; 
}